float會引起高度塌陷問題。
觸發條件：子元素全是float元素 且 父元素沒有設定高度。
解決方法：
1.給父元素設定高度
2.設定乙個空標籤，並且給此標籤加上
clear:both;
overflow:hidden;overflow:auto;7.完美解決方案：
假設：父元素是，並且高度塌陷
解決**(在樣式中新增上)：
.clearfix::before,
.clearfix::after
.clearfix::after
高度塌陷，清除浮動 CSS必備的盒子模型知識！
文件流 1 元素在文件流中的特點 塊元素 在文件流中獨佔一行 在文件流中預設寬度是父元素的100 預設高度是被內容撐開。高度是被內容撐開的。2 元素脫離文件流後，高度寬度都被內容撐開 內聯元素脫離文件流後會變成塊元素 浮動 1 塊元素在文件流中預設垂直排列，若希望塊元素在頁面水平排列，則通過使用fl...
解決由float引起的「高度塌陷」問題
高度塌陷 是指父元素未設定高度和寬度，而且其只包含浮動的子元素時，該父元素的高度會產生 塌陷 換言之，當元素不具有實際高度時，就會產生 高度塌陷 解決 高度塌陷 問題的方法有如下幾個 1.在父元素結束前加乙個高度為0，寬度為0，且clear both的div。當然如果有未浮動的子元素，可以直接cle...
浮動造成的高度塌問題 清除浮動
首先給定兩個盒子 設定盒子樣式為 box1 box2 用浮動可以解決盒子間隙問題但是會造成高度塌陷，也就是outer的盒子沒高度了。此時使用內牆法可以解決。在給定的盒子裡面再加乙個盒子如 然後給這個盒子指定樣式如 outer clearfix 這樣就會解決高度塌陷問題啦。第二種方法 父元素新增 ov...