在css3中，當我們布局乙個元素使它浮動的時候，我們常常會用到float（浮動）屬性，使其元素左浮動、右浮動或者兩端浮動，等。但是當我們定義了浮動屬性之後，如果我們想要清除浮動，那該怎麼辦呢？
脫離文件流，會根據父容器進行向左或者向右排列，如果之前有浮動的元素，就會挨著浮動的元素進行排列。
只會影響浮動後面的元素
換行排列
內容會提公升半層級別
預設寬根據內容而定
浮動後，塊級元素看不到，行級元素能看到。
當我們定義三個div 塊的時候，因為它是塊級元素，每個元素會獨佔一行空間，定義完以後是縱向排列的元素。
浮動前：
浮動後：
該元素就會在原文件流中解除，不占用文件流空間，浮在文件流最上方。
float 預設為不浮動，屬性值：none
有時候當我們設定了浮動以後，會影響到下面不理想的一些樣式布局，但是如果我們既想浮動元素而且還不影響下面的布局，我們就會用到清除浮動，來實現這種情況。
清除浮動的辦法有clear、overflow、after偽元素清除浮動等等幾種方式。
使用clear屬性清除浮動屬性如下：
使用overflow屬性清除浮動屬性如下
使用after偽元素清除浮動
目前比較常用偽元素來清除浮動
.clear::after當清除浮動後，子元素會脫離文件流，導致了父元素的高度塌陷問題！
解決這種辦法就是給元素清除浮動。
清除浮動後
小白水平，如有解釋不全，多多討論指正.
謝謝!
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
css清除浮動方法集合 一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不...
CSS清除浮動 清除float浮動
一般浮動是什麼情況呢？一般是乙個盒子裡使用了css float浮動屬性，導致父級物件盒子不能被撐開，這樣css float浮動就產生了。浮動產生樣式效果截圖 本來兩個黑色物件盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不能撐開，這樣浮動就產生了...