首先我們需要明確乙個定義，什麼是浮動？
元素使用float屬性之後，會脫離文件流，父級元素因此失去支撐（若父級元素未設定高度），下面的元素會忽略父級元素布局,為了不影響頁面布局效果，我們需要清除浮動。
清除浮動的常用方式有以下三種：
1.浮動元素的父級元素
#parent
2.浮動元素的父級元素後新增偽元素
#parent ::after
`3.浮動元素的同級:新增乙個空標籤，並且給這個空標籤設定 clear:both;
優點：簡單，**少，瀏覽器相容性好。
缺點：需要新增大量無語義的html元素，**不夠優雅，後期不容易維護。
個人偏愛第二種方式，after偽元素方法清理浮動，文件結構更加清晰。
清除浮動方式
1 當父元素不設定高度時，標準流中內容高度為父元素的高度 2 但是若為浮動流，浮動流的高度不為父元素的高度。為第乙個標籤設定高度。但是這種方式並不常用，所以一般情況下不會使用。使用clear屬性來清除浮動。clear共有四個取值 none 不進行清除 left 讓浮動元素不去尋找前面左浮動的元素 r...
清除浮動的方式
現在許多 都是採用浮動的方式來編寫網頁，所以清楚如何清除浮動就顯得尤為重要。下面介紹清除浮動的六種方法。給第乙個盒子設定高度 標準流的元素會撐起父元素的高度，但是浮動流的元素是不會撐起父元素的高度的。第乙個盒子的元素全部浮動，所以導致第乙個盒子高度為0，也就是說body中第乙個元素為空，這樣第二個盒...
清除浮動的方式
清除浮動的方式常用的有三種 clearfix，clear both，overflow hidden clearfix是萬金油版本 寫法一 clearfix after寫法二 clearfix before,clearfix after clearfix after clearfixclear bot...