css定位问题

自己做了一个电子商城，过程中最大的体会就是布局，感觉自己对定位position还不能灵活应用。但是通过这个网站页面的设计，领悟到了很多，也学习到了很多。开始会考虑页面在不同屏幕大小的浏览器下显示布局会不会乱的问题了，一开始我都是用margin-top,margin-left，单位用像素，来控制块的位置，发现自己做的页面在不同宽度的屏幕下显示时就变乱了，后来请教别人了，知道了用%单位来控制就可以了。其中也学到了一些技巧，就是做页面的时候最好先规划好页面的布局，定好每个块占据的长跟宽，定好整个页面的长跟宽，页面的模块要清晰。因为%比在这个单位不是相对于浏览器屏幕来说，而是相对于你的网页的实际大小。不然假如你定好了上面的%比，下面新增加一个块，那上面的布局就乱了。
父：relative
子：relative:子相对于子原来的位置，absolute:子相对于父元素左上角那个点

父：absolute
子：relative:子相对于子原来的位置，absolute:子相对于父元素左上角那个点

父：不用定位，用了margin:0 auto
子：relative:子元素是相对于其父元素定位，absolute:子元素相对于浏览器屏幕实际大小