浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤、父級標籤的位置及寬高屬性。解決浮動引起的問題有多種方法，但是有些方法在瀏覽器相容性方面有問題。
原理：給父元素手動新增height，可以解決父元素無法獲取高度的問題。
優點：**少，簡單。
缺點：適合高度固定的布局。因為要給出確定的高度，所以高度和父級div不一樣就會產生問題。
建議：建議在高度固定的布局中使用。
原理：結尾新增空的div標籤，新增宣告clear:both清除浮動，讓父級div自動獲取高度。
優點：簡單且**量少，瀏覽器支援好。
缺點：如果頁面浮動布局多，就要增加很多空div。
建議：不建議使用。
原理：ie8以上和非ie瀏覽器支援:after，ie6,ie7可以用zomm：1宣告解決。原理和2類似。
優點：瀏覽器支援好。大型**都有使用。
缺點：**多。
建議：建議使用，定義公共類，減少css**。
原理：必須定義width或者zoom:1，同時不能定義height，使用這個宣告的時候，瀏覽器會自動檢查浮動區域的高度
優點：**少，瀏覽器支援好
缺點：不能和position配合使用，超出的尺寸會被隱藏。
建議：推薦沒有使用position或會overflow:hidden理解比較深的朋友使用。
原理：必須定義width或者zoom:1，同時不能定義height，使用這個宣告的時候，瀏覽器會自動檢查浮動區域的高度
優點：**少，瀏覽器支援好
缺點：不能和position配合使用，超出的尺寸會出現滾動條。
建議：不推薦使用，在需要滾動條的場景下推薦使用。
CSS清除浮動的8種方法
清除浮動是每乙個 web前台設計師必須掌握的機能。浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法在瀏覽器相容性方面還有問題。1，...
CSS清除浮動大全的8種方法
清除浮動是每乙個 web前台設計師必須掌握的機能。css清除浮動大全，共8種方法。浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些方法...
css清除浮動大全，共8種方法
原文出處 清除浮動 是每乙個 web前台設計師 必須掌握的機能。為什麼浮動這麼難？因為浮動會使當前標籤產生向上浮的效果，同時會影響到前後標籤 父級標籤的位置及 width height 屬性。而且同樣的 在各種瀏覽器中顯示效果也有可能不相同，這樣讓清除浮動更難了。解決浮動引起的問題有多種方法，但有些...