1：給高度塌陷的元素設(shè)置overflow:hidden;
原理：因?yàn)閛verflow:hidden;觸發(fā)了一個(gè)BFC
BFC布局規(guī)則：計(jì)算BFC高度的時(shí)候，里面的浮動(dòng)元素也參與計(jì)算。
弊端：定位在當(dāng)前元素外面的內(nèi)容會(huì)被隱藏。

八公山網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)建站成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

2：給出現(xiàn)高度塌陷的元素里面，放在浮動(dòng)元素的后面，添加一個(gè)空div,并且給div{clear:both;}
原理：clear:both;忽略上面的浮動(dòng)元素預(yù)留出的空間
弊端：形成不必要的空標(biāo)簽，代碼冗余

3：萬能清除法：

選擇符（高度塌陷的元素）：after{
    content:".";
    display:block;
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden;
}