如何解决浮动元素高度塌陷---CSS

解决高度塌陷问题的方法：

方法一、

//给父元素添加声明 
    overflow:hidden;
    缺点：回隐藏溢出的元素；

方法二、

在浮动的元素下添加空div标签，并给该元素添加声明：
    clear:both;
    height:0; 
    overflow:hidden;
    缺点：在结构里增加了空标签，不利于代码可读性，且降低了浏览器性能；

方法三、

万能清除浮动法：
    选择符：
    .clear:after{
        content: ' ',
        clear: both;
        display:block;
        height:0;
        visibility:hidden;
    }
    .clear{zoom:1;}    //兼容IE6、7