CSS clear

CSS clear是計算機程式語言的一個屬性。

基本介紹

• 外文名：CSS clear
• 類別：計算機程式語言屬性

定義和用法

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

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

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

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

img { float:left;clear:both;}

瀏覽器支持

所有主流瀏覽器都支持 clear 屬性。

注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

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

TIY 實例

清除元素的側面

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