浮動（float）可以改變元素標籤預設的排列方式，最典型的是可以讓多個塊級元素一行內排列顯示。在css中，任何元素都可以浮動，在布局的時候是非常有用的。
浮動特性： 浮動元素會脫離標準流（脫標）。
浮動元素會一行內顯示並且元素頂部對齊。
浮動的元素會具有行內塊元素的特性。
清除浮動的方法：
為什麼要清除浮動呢？float會破壞塊級元素的流式性。也就是說，其父級元素高度小於浮動元素，整塊的高度依舊是按照父級元素來的，浮動元素高度撐不起父級元素，所以清除浮動是十分必要的。
1.使用before和after雙偽元素清除浮動
2.使用after偽元素清除浮動：
after方式為空元素的公升級版，好處是不用單獨加標籤了。
他的優點是符合閉合浮動思想，結構語義化正確。
content屬性是必須的，但其值可以為空，
3.父級新增overflow方法：可以通過觸發bfc的方式，實現清楚浮動效果。
優點：**簡潔
缺點：內容增多時候容易造成不會自動換行導致內容被隱藏掉，無法顯示需要溢位的元素。overflow:hidden來實現。
4.使用空標籤清除浮動
在**中在放乙個空的div標籤，然後給這個標籤設定clear:both來清除浮動對頁面的影響。它的優點是簡單，方便相容性好，但是一般情況下不建議使用該方法，因為會造成結構混亂，不利於後期維護。
以上就是關於浮動的特性及清除方法。吸取建議，正確修改。
CSS浮動 浮動的特性 清除浮動
乙個頁面基本包含了三種布局方式 標準流 浮動和定位 浮動可以改變元素標籤預設的排列方式，最典型的是可以讓多個塊級元素一行內排列顯示。網頁布局第一準則 多個塊級元素縱向排列找標準流，多個塊級元素橫向排列找浮動。float屬性用於建立浮動框，將其移動到一邊，直到做邊緣或右邊緣觸及包含塊或另乙個浮動框的邊...
浮動與浮動的清除
說浮動就必須提及一下文件流，html當中的元素按照從左到右，從上到下的順序進行排列稱之為文件流，也就是正常排列。而浮動是什麼呢？浮動會讓元素脫離文件流，假如a元素浮動了，原本排在該元素之後的元素發現a元素不在這個文件流了，就會無視它往上接到a元素前面的元素之後 ps 但是文字並不會無視它，還會環繞a...
浮動與清除浮動
left 元素向左浮動。right 元素向右浮動。none 預設值。元素不浮動，並會顯示在其在文字中出現的位置。浮動的特性 浮動元素會從普通文件流中脫離，但浮動元素影響的不僅是自己，它會影響周圍的元素對齊進行環繞。不管乙個元素是行內元素還是塊級元素，如果被設定了浮動，那浮動元素會生成乙個塊級框，可以...