使元素脫離文件流，按照指定方向發生移動，遇到父級邊界或者相鄰的元素停下來。（脫離文件流：此時浮動元素在文件中不佔位置，飄了起來）
1.塊元素在一行顯示
2.內聯元素支援寬高
3.預設內容撐開寬度
4.脫離文件流
5.提公升層級半層（只能夠放元素本身，這個元素裡的內容會被擠出來）
6.父元素的高度無法被撐開，影響與父元素同級的元素
7.與浮動元素同級的非浮動元素（內聯元素）會跟隨其後
8.若非第乙個元素浮動，則該元素之前的元素也需要浮動，否則會影響頁面顯示的結構
after 偽類清浮動（主流方法）給浮動元素的父級新增
.clear
.clear:after
問題：需要配合寬度或者 zoom:1 相容 ie6
給父級元素加高
問題：擴充套件性不好
父級浮動
問題：頁面中所有的元素都加浮動，margin 左右自動失效
給父級加 inline-block
問題：margin 左右都失效
空標籤請浮動
//在浮動元素下新增
class="clear">
div>
//然後設定樣式為
.clear
font-size:0;來解決，但是只能處理最小 2px 的高度，再小就處理不了了。
br 清浮動
//在浮動元素下加
clear="all"/>
css 清隊浮動 總結
1.使用空標籤浮動 如 2.使用overflow屬性 這各方法有效的解決了通過空標籤清除浮動而不得不增加無意的 的弊端，使用該方法只需要在需要清除浮動元素中定義的css屬性 overflow auto，即可，當然overflow hidden也可以實現 3.使用 after偽類物件清除浮動 afte...
CSS 清浮動 相關方法
示例 1 lang en charset utf 8 documenttitle type text css imgstyle head 浮動使父級標籤塌陷 src img small.gif alt div body html 示例 2 lang en charset utf 8 document...
CSS 浮動高度塌陷問題及清浮動
出現原因 1.子元素浮動 2.父元素無浮動 3.父元素高度為自動 也就是沒有設定高度 lang en charset utf 8 name viewport content width device width,initial scale 1.0 indextitle html,body,ul,li...