html高度塌陷的原因与解决方法

原因： 浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷）

解决方式：

1.  给父元素添加声明overflow:hidden; (overflow:hidden会隐藏定位到BFC区域外部的内容)

2.  在浮动元素下方添加空div,并给该元素添加声明：clear:both;height:0;overflow:hidden; (缺点：会造成大量的代码冗余)

3. 万能清除浮动法 

.clean:after{content:"";  display:block; clear:both;}

.clean{ zoom:1; } (ie6及其以下使用)