清除浮動主要是為了解決，父元素因為子級元素浮動引起的內部高度為0的問題
如下:給父盒子設定乙個boder，內部放兩個盒子乙個big 乙個small，未給big和small設定浮動，則他們會預設撐開父盒子。
當我給內部兩個盒子加上float屬性的時候
底部的footer盒子就會頂上來，然後父盒子因為沒設定高度，變成一條線，big和small已經浮動了
一、 額外標籤法： 給誰清除浮動，就在其後額外新增乙個空白標籤 。
缺點： 新增許多無意義的標籤，結構化比較差。
給元素small清除浮動（在small後新增乙個空白標籤clear(類名可以隨意），設定clear:both;即可）
="fahter"
>
="big"
>big<
/div>
="small"
>small<
/div>
="clear"
>額外標籤法<
/div>
<
/div>
.clear
優點： 簡單、**少、瀏覽器支援好
缺點： 內容增多時候容易造成不會自動換行導致內容被隱藏掉，無法顯示需要溢位的元素。不能和position配合使用，因為超出的尺寸的會被隱藏。
.fahter三、使用after偽元素清除浮動：:after方式為空元素的公升級版，好處是不用單獨加標籤了。ie8以上和非ie瀏覽器才支援:after，，zoom(ie專有屬性)可解決ie6,ie7浮動問題（較常用推薦）
缺點： 由於ie6-7不支援：:after，使用zoom：1
清除浮動的4種方式
css的三種定位機制 文件流，浮動，定位 html,相當重要的概念，在網頁中，標籤從上至下，從左至右，比方塊級元素，行內元素的預設排序我們稱之為普通流。這種布局方式稱之為普通流布局 浮動最早是用來控制，以便達到其他元素 特別是文字 實現 環繞 的效果。後來，發現浮動可以讓任何盒子同一行顯示，漸漸偏離...
css 清除浮動的4種方式
浮動布局和定位布局為css中布局的常用的兩種布局方式，而且相容性會比較好。隨著flex的流行，以後會是主流，新的東西好用，相容不太好。ie10以下不相容flex布局。float布局會脫離文件流，對頁面的布局造成影響，比如造成父級的高度坍塌等問題。清除浮動後，便不會影響文件流。下面介紹一下現在清除浮動...
清除浮動的八種方式
1，在同級浮動元素的背後加乙個空的div,設定屬性clear both 2 給父元素加高度，解決了父級div無法自動獲得高度的問題，但是這種限制了相容性的問題，而且子元素高度必須和父元素一樣，不然會出錯 3，overflow hiddent 瀏覽器會自動檢查浮動區域的高度 4，父級div定義 偽類 ...