什麼是CSS清除樣式，它是如何使用的？

Question

什麼是以下DO：

<div style="clear:both"></div> 

，以及如何使用它？

Answer 1

這是爲了避免浮動元素保留在floating這個div之後。在我看來，這是一個壞主意，最好在包含浮動元素的包裝div上使用clearfix。

Answer 2

它將「清除」出現在HTML源代碼上方的任何浮動元素。如果你在一個容器元素中有浮動元素，那麼容器的高度爲0，浮動元素將「溢出」。清除它們將允許容器承擔正確的高度。

See here for a much better explanation。

Answer 3

如果您有float元素，clear:both不會環繞它們，但會在它們後面顯示。在某種程度上，這會重置浮動。
clear:both對於賦予元素其漂浮的孩子的高度也很有用 - 沒有它的元素會小於它的孩子，這是沒有吸引力的。

不太常見的用它來解決IE6問題，它不正確地顯示頁面。有時元素會在背景顏色後面呈現，並且清晰：兩者都可以修復它。