高度塌陷的解决办法产生原因：如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候，那么它的高度就会踏缩为零。这是因为

方法一
给父元素加 （生成BFC块级格式化上下文）
{
    overflow：hidden；
}

方法二
在浮动元素下方加一个空的div
{
    clear:both;
    height:0;
    overflow:hidden;
}

方法三
万能法
写一个class类名,加给浮动元素的父元素
.clean:after{
    content:'.';
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
    visibility:hidden;
}

IE6及以下：
.clean{
    zoom:1;
}

产生原因：

如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候，那么它的高度就会踏缩为零。这是因为浮动元素脱离了文档流，包围它们的父块中没有内容了，所以“塌陷”了。