志同道合的小夥伴跟我一起學習交流哦！
1 清除浮動的本質
清除浮動主要為了解決父級元素因為子級浮動引起內部高度為0的問題。
清除浮動的方法
其實本質叫做閉合浮動更好一些，記住，清除浮動就是把浮動的盒子圈到裡面，讓父盒子閉合出囗和入口不讓他們出來影響其他元素。
在css中，clear屬性用於清除浮動，其基本語法格式如下：
選擇器
實際工作中只用到both，乙個詞搞定。
2 額外標籤法
w3c推薦的做法是通過在浮動元素末尾新增乙個空的標籤(盒子)例如 ＜ div style=" clear:both"＞＜/div＞，或 其他標籤br等亦可。
優點：通俗易懂，書寫方便
3 父級新增 overflow方法
可以通過觸發bfc的方式，可以實現清除浮動效果。(bfc後面講解)
可以給父級新增：overf1ow為 hidden/ auto/ scroll都可以實現。
常用的就是heidden
4 after偽元素清除浮動
after方式為空元素的公升級版，好處是不用單獨加標籤了
使用方法：
優點：符合閉合浮動思想 結構語義化正確
缺點：由於e6、7不支援: after，使用zoom:1觸發 haslayout。
5 雙偽元素清除浮動(before和 after)
使用方法：
優點：**更簡潔。
缺點：由於ie6-7不支援：after，使用zoom:1觸發 haslayou
看不懂的小夥伴不要氣餒，後續的分享中將持續解釋，只要你跟著我分享的課程從頭到尾去學習，每篇文章看三遍，乙個月後，回過頭來看之前的文章就會感覺簡單極了。
本章已結束，下篇文章將分享《13 photoshop基本操作》小夥伴們不要錯過喲！
清除浮動最有效的css寫法
說起來呢，基本上只要你給容器div加了float的屬性，就需要清除浮動來使頁面顯示正常，那麼，到底有什麼方法可以讓浮動輕鬆清除呢？可以用display flex 替代，但是它對ie8，9支援不是很好，所以不怎麼這麼用。1.在容器div的裡面結束標記之前寫如下這樣的div這段 雖然通俗易懂，容易掌握，...
CSS 浮動的清除
現在有兩個div，div身上沒有任何屬性，每個div中都有li，這些li都是浮動的。清除浮動的方法1 給浮動的元素的祖先元素加高度 如果乙個元素要浮動，那麼它的祖先元素一定要有高度。有高度的盒子才能關住浮動。在以下例子中，div中有很多li，li在浮動，所以div必須要有高度。只要浮動在乙個有高度的...
CSS浮動 浮動的特性 清除浮動
乙個頁面基本包含了三種布局方式 標準流 浮動和定位 浮動可以改變元素標籤預設的排列方式，最典型的是可以讓多個塊級元素一行內排列顯示。網頁布局第一準則 多個塊級元素縱向排列找標準流，多個塊級元素橫向排列找浮動。float屬性用於建立浮動框，將其移動到一邊，直到做邊緣或右邊緣觸及包含塊或另乙個浮動框的邊...