使用clear fix清除浮动

在HTML5 Boilerplate里使用的Micro Clearfix是最新、兼容性最好、前端编码里最好的实践方法。Micro Clearfix支持firefox 3.5、safari 4、chrome、opera 9、IE6及以后的版本。

清除浮动类.cf应该被加在所有包含浮动元素的元素上。在这种情况下，旧式的空div带有clear样式的元素（<div class=”clear”></div>）可以永远从你保留的方法里退出了。

/* 现代浏览器 */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
 /* IE 6/7浏览器 (触发hasLayout) */
.cf {*zoom:1;}   

 

转载于:https://www.cnblogs.com/suoooooo/archive/2013/06/03/3115747.html