CSS通用Clear 在CSS中，Clear是一個被廣泛應用的屬性。它的作用是將浮動元素的影響清除，讓其下方的元素不再受到浮動元素的影響。Clear比較通用，適用于大多數場景下。 Clear的取值 Clear有四種取值：left、right、both和none。這里我們分別介紹它們的含義。 1. left 當一個元素設置了float:left;屬性時，它會浮動到容器的左側，而左側還有其他元素。此時如果下方的元素也設置了float:left;屬性，會導致它們重疊在一起，影響布局。這時就需要使用clear:left;清楚浮動。 2. right right與left類似，區別在于浮動元素浮動到容器右側。 3. both 如果容器內同時存在左右兩個浮動元素，可以使用clear:both;清除影響。both取值可以清除所有浮動元素的影響，不管它們在哪一側。 4. none 如果元素不想使用Clear，可以將Clear的取值設置為none。這樣元素下方的內容就會受到浮動元素的影響，可能導致布局不正常。 使用示例 下面是一個使用Clear的示例代碼： 預覽： 在這個示例中，左側的灰色盒子和右側的藍色盒子都是浮動元素，它們會在容器內左右浮動。容器下方的紅色盒子沒有設置Clear屬性，會被浮動元素遮蓋；而綠色盒子設置了clear:both;屬性，可以清除所有浮動元素的影響，正常顯示在容器下方。 總結 通過設置Clear屬性，我們可以有效的清除浮動元素對下方元素的影響，保證網頁布局的正常顯示。在實際應用中，Clear通常與float一起使用，是CSS基礎知識之一。