想要解决高度塌陷共有三种方法:
1、使用 overflow:hindden 来解决高度塌陷,但它存在的缺点是溢出的内容也会被隐藏。
2、clear:both (会增加代码冗余,clear清除浮动)
在html中添加空的div,给这个div加clear:both
原理:清除浮动带来的影响,缺点:在html中有冗余的代码
3、万能清除法:父级元素:
:after{
content:" ",display:block;
clear:both; height:0 width:0 visibility:hidden; overflow:hidden}
缺点:IE7以下浏览器不兼容