CSS clear 屬性 · W3School CSS 參考手冊

# CSS clear 屬性 ## 實例圖像的左側和右側均不允許出現浮動元素： ``` img { float:left; clear:both; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 clear 屬性。注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 clear 屬性規定元素的哪一側不允許其他浮動元素。 ### 說明 clear 屬性定義了元素的哪邊上不允許出現浮動元素。在 CSS1 和 CSS2 中，這是通過自動為清除元素（即設置了 clear 屬性的元素）增加上外邊距實現的。在 CSS2.1 中，會在元素上外邊距之上增加清除空間，而外邊距本身并不改變。不論哪一種改變，最終結果都一樣，如果聲明為左邊或右邊清除，會使元素的上外邊框邊界剛好在該邊上浮動元素的下外邊距邊界之下。 | 默認值： | none | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.clear="left" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | left | 在左側不允許浮動元素。 | | right | 在右側不允許浮動元素。 | | both | 在左右兩側均不允許浮動元素。 | | none | 默認值。允許浮動元素出現在兩側。 | | inherit | 規定應該從父元素繼承 clear 屬性的值。 | ## TIY 實例 [清除元素的側面](/tiy/t.asp?f=csse_class-clear) 本例演示如何使用清除元素側面的浮動元素。 ``` <html> <head> <style type="text/css"> img { float:left; clear:both; } </style> </head> <body> <img src="/i/eg_smile.gif" /> <img src="/i/eg_smile.gif" /> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 定位](/css/css_positioning.asp "CSS 定位 (Positioning)") HTML DOM 參考手冊：[clear 屬性](/jsref/prop_style_clear.asp "HTML DOM clear 屬性")