CSS clear 屬性
定義和用法
clear 屬性規(guī)定元素的哪一側(cè)不允許其他浮動元素。
說明
clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動元素。在 CSS1 和 CSS2 中，這是通過自動為清除元素（即設(shè)置了 clear 屬性的元素）增加上外邊距實現(xiàn)的。在 CSS2.1 中，會在元素上外邊距之上增加清除空間，而外邊距本身并不改變。不論哪一種改變，最終結(jié)果都一樣，如果聲明為左邊或右邊清除，會使元素的上外邊框邊界剛好在該邊上浮動元素的下外邊距邊界之下。
| 默認(rèn)值： | none |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.clear="left" |
瀏覽器支持
所有主流瀏覽器都支持 clear 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
| left | 在左側(cè)不允許浮動元素。 |
| right | 在右側(cè)不允許浮動元素。 |
| both | 在左右兩側(cè)均不允許浮動元素。 |
| none | 默認(rèn)值。允許浮動元素出現(xiàn)在兩側(cè)。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 clear 屬性的值。 |
TIY 實例
- 清除元素的側(cè)面
- 本例演示如何使用清除元素側(cè)面的浮動元素。