css float父元素高度塌陷

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}