web前端入門到實戰(zhàn)：CSS解決高度塌陷

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

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

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

3：萬能清除法：

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

網(wǎng)頁名稱：web前端入門到實戰(zhàn)：CSS解決高度塌陷
網(wǎng)頁鏈接：http://m.jiaotiyi.com/article/jioshe.html