十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
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;
}