網頁布局要求，標準流不能滿足我們的需要了，因此我們需要浮動來完成網頁布局。
認識浮動
選擇器浮動的特點
1）脫離標準流，不佔位置（自己原來的位置漏給後面的標流）
2）浮動的元素一排顯示，如果父親裝不下了，預設另起一行顯示。浮動的元素之間預設無縫隙。
3）任何元素都可以新增浮動，無論它是塊元素還是行內元素，浮動後可以直接設定寬高，預設類似於行內塊特性，不需要display轉換。
浮動與兄弟盒子的關係
標準流–占有位置 浮動— 不佔位置(脫標)
浮動只會影響當前的或者是後面的標準流盒子，不會影響前面的標準流。
浮動元素與父盒子的關係
浮動的簡單應用
（1）讓多個塊級元素水平排列在一行（這裡將行內元素轉換為了塊級元素）
12
3
清除浮動不是真的把浮動清除，而是清除加了浮動帶給後面的標流的影響。
如果子盒子是標流，因為標流占有位置，所以父親能檢測到高度。
子盒子浮動了，不占有位置，又因為父親高度為零；所以父親檢測不到高度。
1）額外標籤法
在最後乙個加了浮動元素的末尾新增乙個塊級別的空標籤。
--- 這個空標籤一定是塊元素.
2）給浮動元素的父親新增overflow屬性方法
overflow:hidden;
缺點：內容增多的時候導致內容被剪貼掉，無法顯示需要溢位的內容。
3）after偽元素清除浮動
.clearfix:after
.clearfix
.clearfix::before,
.clearfix::after
.clearfix::after
.clearfix
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不能撐開，這樣浮動就產生了...