什麼是浮動？脫離原來的位置，橫向排列。主要作用於“文字繞圖”，製作導航，網頁佈局。塊元素轉成行元素顯示

清除浮動，指的是清除浮動產生的不利影響。

當父盒子沒有定義高度，巢狀的盒子浮動之後，下邊的元素髮生位置錯誤。

一：額外標籤法  clear: left  |  right  | both  在最後一個浮動元素後新增標籤,

<div style="clean:botu"></div>   優點：方便，缺點：當數量較多，單個標籤進行操作，麻煩

.clearfix{
   zomm:1; // 相容ie低版本瀏覽器
}

二： 給父集元素使用overflow:hidden;    bfc

使用方式：在父盒子中新增一行 overflow:hidden; 程式碼即可； 缺點是，當內容超出範圍，內容會被裁剪。

三：偽元素清除浮動  推薦使用

在父盒子中新增一個class 選擇器，通常用 class=clearfix