骨灰级解决办法：
.clear{clear:both;height:0;overflow:hidden;}
但是这种方法的最大缺陷就是改变了html结构，虽然只是加个div。
最优闭合方案：
.demo:after,.demo2:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.demo,.demo2{*+height:1%;}
最简单的方案：
.clearfix{overflow:auto;_height:1%}
原文：http://www.cnblogs.com/liushuang001/p/5267354.html