解决盒子塌陷的几种方法

解决盒子塌陷的几种方案

• 给父盒子添加高度
• 给父盒子添加clear: both样式 (缺点:两个div之间的margin值失效)
• 内墙法

.clearfloat:after{
    display:block;
    clear:both;
    content:””;
    visibility:hidden;
    height:0;
    width: 0;
} 

.clearfloat{
zoom:1
}

• 给父盒子设置overflow: auto (缺点: 可能会出现滚动条)