关于清除浮动

清除浮动有两种方式：1.clear：both；2.clearfix。

一.clear：both；在浮动元素后面添加个空<div>然后属性为clear：...就可以清除浮动，但是添加<div>即使为空也有可能破坏整个页面的布局，所以就有了clearfix；

二.clearfix；

clearfix {   *zoom: 1; } .clearfix:before, .clearfix:after {   display: table;   line-height: 0;   content: ""; } .clearfix:after {   clear: both; }<span style="font-family: Arial, Helvetica, sans-serif;"> </span>

以上为bootstrap的源码，但是为何不为display：block；因为有时如ul，li会使上层的元素的浮动消除，破坏页面构造。

所以使用display：table；也是为兼容性的考虑。