在 CSS 中,`clear` 是一個非常常用的屬性,用來規定元素的浮動行為。當一個元素內部的浮動元素讓其高度變成了 0,此時我們可以通過 clear 屬性來讓其“清除”浮動,從而讓元素自適應高度。
clear 屬性可用于任何元素,但是只有當元素浮動時才會生效。
clear 屬性的值有以下幾種:
- `none`:默認值,不清除浮動
- `left`:表示不允許左側出現浮動元素
- `right`:表示不允許右側出現浮動元素
- `both`:表示不允許左右兩側出現浮動元素
以下是一個使用 `clear` 屬性的例子:
```html
這是一個段落,內部有浮動元素
這是一個清除浮動的段落,高度會自適應
``` 在這個例子中,我們在一個段落內部定義了兩個浮動元素,這兩個元素使得段落的高度為 0,接著我們在段落結尾處使用了 `clear:both`,這樣就可以讓段落自適應浮動元素的高度了。 clear 屬性常常與浮動元素一起使用,特別是在制作流式布局時,更是不能缺少的一項 CSS 技巧。