自CSS1以來，清晰的CSS屬性一直是CSS的一部分。 它允許您指定哪些元素可以在清除的元素旁邊浮動以及哪些邊上。 明確的屬性有五個可能的值：
- 沒有
- 剩下
- 對
- 都
- 繼承
如何使用CSS清除屬性
使用clear屬性的最常用方法是在元素上使用float屬性之後。 例如：
我的圖片旁邊的文字。
低於我的圖片的文字。
所有元素默認為清除：無; ，所以如果你不想讓其他元素在某物旁邊浮動，則必須更改清除樣式。
當你清理浮筒時，你可以將清晰的浮筒與你的浮筒相匹配。 所以如果你把元素向左移動，那麼你應該清理左邊。 您的浮動元素將繼續浮動，但清除的元素及其後的所有內容都將顯示在網頁的下方。
如果您的元素左右浮動，則可以只清除一側，也可以清除兩者。
在佈局中使用清除
大多數設計師使用clear屬性的最常見方式是在頁面元素的佈局中 。 您可能會在圖像塊內部浮動圖像，並希望下一段落在圖像下方開始，或者您可能有一整列文本要浮在另一堆文本的旁邊，並在下面顯示一些文本。
以下是此表單中佈局的HTML。
它有一個div容器，另一個容器浮在左邊。
一個簡短的浮動div
容器div內的內容將在浮動div的右側。
這將正常工作，與較短的div浮動到主div的其餘內容的左側。
只需在浮動框下方添加一個您希望它開始寫入的標記，即可清除浮動框旁邊的文本。
但是當浮動框比它旁邊的內容長時，問題就出現了。 然後，正如您所看到的，主箱的背景顏色不會被帶到浮動框的底部。
幸運的是，有一個簡單的方法可以解決這個問題：屬性。 通過設置主盒子溢出：auto; 背景顏色將保持在較長的浮動框旁邊，如本例所示。