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