①父級元素沒有高度（內容需要從後台獲取時，不確定內容多少，此時父級元素不設定高度）
②子盒子浮動了。
③影響下面布局了，我們就應該清除浮動了
清除浮動的方式
優點缺點
額外標籤法（隔牆法）
通俗易懂，書寫方便
新增許多無意義的標籤，結構化較差。
父級新增overflow:hidden;屬性
書寫簡單
溢位隱藏
父級after偽元素
結構語義化正確
由於ie6-7不支援：after，相容性問題
父級雙偽元素
結構語義化正確
由於ie6-7不支援：after，相容性問題
div
父級：after偽元素（額外標籤法寫在css裡）
.clearfix:after
父級雙偽元素清除浮動
.clearfix:before,.clearfix:after
.clearfix:after
.clearfix
浮動與清除浮動總結
清除浮動 浮動 左浮動 右浮動 浮動會使塊元素脫離標準流，可以讓多個塊在同一行顯示，下方的標準流盒子會上浮到給了浮動的盒子下面 類名當布局需要多個塊級元素需要一行顯示的時候可以使用浮動 在開發過程中我們經常將其定義在common.css中，其定義如下 fl fr在同級多個元素需要浮動的時候，直接在類...
清除浮動大總結
清除浮動 是每乙個 web前台設計師 必須掌握的機能。為什麼浮動這麼難？因為浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法在瀏覽...
CSS清除浮動總結
一 拋一塊問題磚 display block 先看現象 分析html 結構 divclass outer divclass div1 1div divclass div2 2div divclass div3 3div div 分析css 樣式 outer div1 div2 div3 這裡我沒有給...