通过float属性设置横向多列布局。

float：

　　left 　　左浮动

　　right　  右浮动

　　none     不浮动

设置了这个属性后，元素会左移或者右移，直到碰触到容器为止。

注意：

　　设置了浮动的元素，依然处于标准文档流当中。意味着他会占用标准文档流中的空间，会对其他元素造成影响。

块状元素若是没有设置宽度，这盒子的大小会更具内容的宽度进行变化。

清除浮动的方法：

1.为元素设置clear属性：clear: both （浮动元素的紧邻元素）

2.为元素同时设置width:100%/(固定宽度); overflow: hidden; （父级元素）