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

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

八公山網(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)高度塌陷的元素里面，放在浮動元素的后面，添加一個(gè)空div,并且給div{clear:both;}
原理：clear:both;忽略上面的浮動元素預(yù)留出的空間
弊端：形成不必要的空標(biāo)簽，代碼冗余

3：萬能清除法：

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

當(dāng)前名稱：web前端入門到實(shí)戰(zhàn)：CSS解決高度塌陷
當(dāng)前地址：http://muchs.cn/article44/jioshe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)建站、云服務(wù)器、用戶體驗(yàn)、標(biāo)簽優(yōu)化、定制網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都做網(wǎng)站