常见的页面布局有好几种，要做一个页面，首先要知道一个页面的大小，拉的第一个div标签的时候切记要定一个具体数值，最好不要用100%来表示， 会影响到整个页面，当你在拉动视口的时候，页面的内容也会随之发生变化。在使用margin改变页面布局的时候一定要注意页面发生的变化，可能一个小细节就可能造成页面混乱。
在使用的浮动的时候要注意浮动的几大特性：浮动会脱离文档流，影响别的元素。浮动的包裹性。子级浮动会造成父级高度塌陷。元素浮动不会穿过padding区域。
原文：http://www.cnblogs.com/q619828921/p/6886474.html