如果父級元素沒有設置高度,并且其中的子元素進行了浮動,那么父級元素的高度就會塌陷成0高度,會影響后面元素的排版和布局,
也就是后面的元素會直接頂上去。
所以我們就需要解決這種問題
第一種方法: 直接給父級元素添加overflow:hidden; 屬性
效果:
解決辦法:
效果:
第二種方法:在浮動的元素后面再添加一個空的div,并且添加清楚浮動的屬性
第三種方法:
有時也會這樣寫:
第四種方法: 讓父級元素也一起浮動起來,也能讓父級元素撐起高度。
通常第三種方法用的最多。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。