如何解決浮動元素高度塌陷---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