問題：父盒子高度為0，子盒子不佔位置，子盒子不會撐開父盒子。
（下面的標準流盒子，會跑到父盒子中的子盒子下面。）
處理辦法：清除浮動。（清除子盒子因為浮動，對父子造成的影響）
使用方法：哪兒出問題就在哪兒給
裡面的類名標籤後加乙個clearfix類名。
1.clear:both;
2.overflow:hidden
hidden的意思是超出的部分要裁剪隱藏掉，它在裁剪隱藏時會計算高度，當然浮動流的高度也會被計算在內，也能達到清除浮動的效果。
3.單偽元素標籤法
.clearfix:after
BFC清除浮動
bfc 就是清除浮動 用來處理文件脫離文件流的問題 清除浮動的方法 a 父元素也新增乙個浮動 產生弊端就是 margin 不能使用 b 給父元素新增乙個 display inline block 弊端同a一樣 無法使用margin c 給父元素新增高 弊端 擴充套件性不好，我們無法隨意再新增元素 d...
CSS 浮動，高度塌陷和BFC，清除浮動
通過浮動，可以使乙個元素向其父元素的左側或右側移動，使用 float 屬性來設定元素的浮動 可選值 注意 未設定浮動 設定浮動 浮動的特點 浮動元素會完全脫離文件流，不再佔據文件流中的位置 設定浮動以後元素會向父元素的左側或右側移動 浮動元素預設不會從父元素中移出 浮動元素向左或向右移動時，不會超過...
clear清除浮動最佳實踐和BFC清除浮動
浮動的三個特點很重要。1.脫離文件流。2.向左 向右浮動直到遇到父元素或者別的浮動元素。3.浮動會導致父元素高度坍塌。那麼clear清除浮動的最佳實踐是什麼呢？cleafix是最外層的div。請看如下 現代瀏覽器clearfix方案，不支援ie6 7 clearfix after 全瀏覽器通用的cl...