浮動是讓元素脫離文件流，浮動前後的非定位元素會無視浮動元素，可能沿著元素另一側垂直流動。
浮動元素會生成乙個塊級框，具有塊級元素的特性，但是不佔整行。
浮動元素脫離了文件流，無法為文件流中的父元素撐起高度，造成父盒子塌陷的問題。
clear:left左側不允許浮動元素
clear:right右側不允許浮動元素
clear:both兩側不允許浮動元素
新增乙個空的div + clear:both清除浮動，新增了無意義的html**
給父元素新增overflow:hidden，父元素本身形成乙個bfc，bfc可以包裹浮動流，bfc中浮動元素的高度也被計算在內，可以實現清除浮動，但是無法顯示溢位的元素。
給父元素設定偽元素清除
.clearfix::after
.clearfix
HTML CSS清除浮動
1.浮動產生的原因 一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。例項 class box class left div class right div div 浮動元素後的元素div box left right style 效果...
clear清除浮動最佳實踐和BFC清除浮動
浮動的三個特點很重要。1.脫離文件流。2.向左 向右浮動直到遇到父元素或者別的浮動元素。3.浮動會導致父元素高度坍塌。那麼clear清除浮動的最佳實踐是什麼呢？cleafix是最外層的div。請看如下 現代瀏覽器clearfix方案，不支援ie6 7 clearfix after 全瀏覽器通用的cl...
浮動和清除浮動
浮動的框可以向左或向右移動，直到他的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流的塊框表現得就像浮動框不存在一樣。浮動的塊框會漂浮在文件普通流的塊框上。浮動元素引起的問題 1 父元素的高度無法被撐開，影響與父元素同級的元素。2 與浮動元素同級的非浮動元素 ...