关于通用的浮动类，一些小问题(clear:both)

相信大家在页面布局肯定会经常使用浮动布局，随之会相应的出现很多的问题，那么如何快速的清楚浮动呢？

.cl:after{content:""; display:block; clear: both;} 这段代码相信，大家都不会陌生的，如果不是很熟悉的童鞋，可以百度---伪类清除浮动，由于题主的开发需求不需要考虑到IE67所以也就没写相应的hack(需要考虑的话就有两个重点，父级zoom:1; after最小高度width:0; height:0; overflow:hidden即可)，主要在这里想说的只有一点：

display:block属性一定要加上，因为clear:both，只支持块元素。

还有就是overflow:hidden(题主最常用的方式)，但是看布局而定，有什么具体的话，大家可以百度清楚浮动，还是有很多前辈的分享的。