相信大家在页面布局肯定会经常使用浮动布局，随之会相应的出现很多的问题，那么如何快速的清楚浮动呢？
.cl:after{content:""; display:block; clear: both;} 这段代码相信，大家都不会陌生的，如果不是很熟悉的童鞋，可以百度---伪类清除浮动，由于题主的开发需求不需要考虑到IE67所以也就没写相应的hack(需要考虑的话就有两个重点，父级zoom:1; after最小高度width:0; height:0; overflow:hidden即可)，主要在这里想说的只有一点：
display:block属性一定要加上，因为clear:both，只支持块元素。
还有就是overflow:hidden(题主最常用的方式)，但是看布局而定，有什么具体的话，大家可以百度清楚浮动，还是有很多前辈的分享的。
原文：http://www.cnblogs.com/ztwxiaoxiao/p/5050006.html