如果父級元素沒有設(shè)置高度,并且其中的子元素進行了浮動,那么父級元素的高度就會塌陷成0高度,會影響后面元素的排版和布局,
目前創(chuàng)新互聯(lián)已為上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、雅安服務(wù)器托管、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、永善網(wǎng)站維護等服務(wù),公司將堅持客戶導向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
也就是后面的元素會直接頂上去。
所以我們就需要解決這種問題
第一種方法: 直接給父級元素添加overflow:hidden; 屬性
效果:
解決辦法:
效果:
第二種方法:在浮動的元素后面再添加一個空的div,并且添加清楚浮動的屬性
第三種方法:
有時也會這樣寫:
第四種方法: 讓父級元素也一起浮動起來,也能讓父級元素撐起高度。
通常第三種方法用的最多。