高度塌陷

1、给父元素加 overflow：hidden；zoom：1；

    兼容IE6时添加

 

2、在浮动元素下加空标签，并给该元素加声明 clear：both；height：0；overflow：hidden；

    

3、万能清除浮动（给父元素添加）

      父元素:after{conter:"";clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}

        +联合使用

      父元素{zoom：1}

 

4、给父元素加浮动

 

5、给父元素加固定高  不适用自适应

 

6、给父元素加 overflow：auto     会出现滚动条

 

7、把父元素转成表格

 

8、在结尾时加 br 标签，并给声明 clear：both；height：0；overflow：hidden；

        但会导致强制换行