float 使父元素高度塌陷不是BUG,反而是标准。
float 原本是为了解决文字环绕才出现的。
当然有的时候要解决高度塌陷的问题
以下几个方法可以解决float 父元素高度消失/塌陷的问题
.clearfix:after{content:‘‘;display:block;height:0;overflow:hidden;clear:both;}
.clearfix {*zoom:1}
更好的方法是
.clearfix:after{content:‘‘;display:table clear:both;}
.clearfix {*zoom:1}
原文:http://www.cnblogs.com/lyp123/p/5666768.html