通过float属性设置横向多列布局。
float:
left 左浮动
right 右浮动
none 不浮动
设置了这个属性后,元素会左移或者右移,直到碰触到容器为止。
注意:
设置了浮动的元素,依然处于标准文档流当中。意味着他会占用标准文档流中的空间,会对其他元素造成影响。
块状元素若是没有设置宽度,这盒子的大小会更具内容的宽度进行变化。
清除浮动的方法:
1.为元素设置clear属性:clear: both (浮动元素的紧邻元素)
2.为元素同时设置width:100%/(固定宽度); overflow: hidden; (父级元素)
原文地址:http://www.cnblogs.com/goupb/p/3795607.html