技術背景
前端開發繪製頁面時，設定了浮動的元素會脫離文件流，無法撐開父級元素的高度，就會導致浮動元素的父級高度塌陷問題（高度為0），所以要對父級元素進行清除浮動的操作~
技術總結
方法1：clear: both + 空標籤（不推薦）
特點：通俗易懂，但語義化較差，需配合空標籤使用
方法二：父級新增overflow屬性（父元素新增overflow:hidden）（不推薦）
特點：**簡潔，涉及超出滾動場景比較侷限
.clearfix:after
.clearfix
class
="fahter clearfix"
>
class
="big"
>
bigdiv
>
class
="small"
>
smalldiv
>
div>
特點：方法一的原理，無需新增空標籤，將clearfix封裝公共樣式即可，結構語義化正確
注：ie6-7不支援偽元素：after，使用zoom:1觸發haslayout.
.clearfix:before, .clearfix:after
.clearfix:after
.clearfix
有待完善，請賜教~
清除浮動的幾種方法
1.浮動元素下加空div 為了統一樣式，我們新建乙個樣式選擇器class命名為 clear 並且對應選擇器樣式為 clear both 然後我們在父級 結束前加此div引入class clear 樣式。這樣即可清除浮動。這個class 清除float產生浮動，可以不用對父級設定高度 也無需技術父級高...
清除浮動的幾種方法
當元素浮動時，他將不再處於普通文件流中，相當於浮在文件之上，不佔據空間，但是會縮短行寬，產生文字環繞的效果。浮動帶來的影響 1，父級的高度塌陷 2.背景不能顯示 3.變框不能撐開 4.margin值不能正確顯示 5.產生文字環繞的效果 6.由於脫離文件流，不佔位，而後面的元素未脫離文件流導致後面的元...
清除浮動的幾種方法
style float left 為了解決container容器高度塌陷問題，我們必須清除浮動 第一種方法 在container元素後加上乙個空的div標籤，然後給設定乙個clear both的樣式 第二種方法 給container容器新增 overflow auto hidden樣式 第三張方法 ...