溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
如果父級(jí)元素沒有設(shè)置高度，并且其中的子元素進(jìn)行了浮動(dòng)，那么父級(jí)元素的高度就會(huì)塌陷成0高度，會(huì)影響后面元素的排版和布局，
也就是后面的元素會(huì)直接頂上去。
所以我們就需要解決這種問題
第一種方法: 直接給父級(jí)元素添加overflow:hidden; 屬性
效果:
解決辦法:
效果:
第二種方法:在浮動(dòng)的元素后面再添加一個(gè)空的div，并且添加清楚浮動(dòng)的屬性
第三種方法:
有時(shí)也會(huì)這樣寫:
第四種方法: 讓父級(jí)元素也一起浮動(dòng)起來，也能讓父級(jí)元素?fù)纹鸶叨取?/p>
通常第三種方法用的最多。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
