CSS clear 屬性

定義和用法

clear 屬性規定元素的哪一側不允許其他浮動元素。

說明

clear 屬性定義了元素的哪邊上不允許出現浮動元素。在 CSS1 和 CSS2 中，這是通過自動為清除元素（即設置了 clear 屬性的元素）增加上外邊距實現的。在 CSS2.1 中，會在元素上外邊距之上增加清除空間，而外邊距本身并不改變。不論哪一種改變，最終結果都一樣，如果聲明為左邊或右邊清除，會使元素的上外邊框邊界剛好在該邊上浮動元素的下外邊距邊界之下。

另請參閱：

CSS 教程：CSS 定位

HTML DOM 參考手冊：clear 屬性

實例

圖像的左側和右側均不允許出現浮動元素：

img
  {
  float:left;
  clear:both;
  }

親自試一試

CSS 語法

clear: none|left|right|both|initial|inherit;

屬性值

值 描述
left 在左側不允許浮動元素。
right 在右側不允許浮動元素。
both 在左右兩側均不允許浮動元素。
none 默認值。允許浮動元素出現在兩側。
inherit 規定應該從父元素繼承 clear 屬性的值。

技術細節

默認值： none
繼承性： no
版本： CSS1
JavaScript 語法： object.style.clear="left"

TIY 實例

清除元素的側面
本例演示如何使用清除元素側面的浮動元素。

瀏覽器支持

表格中的數字注明了完全支持該屬性的首個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0