特性
初始值: | none | 適用於: | 內聯塊狀元素(block-level elements) |
繼承性: | 無 | 百分比: | N/A |
媒體: | visual | 版本: | CSS1 |
兼容性: | IE4+ NS4+ | | |
說明
在CSS1和CSS2中,這是通過自動為清除元素(即設定了clear屬性的元素)增加上外邊距實現的。在CSS2.1中,會在元素上外邊距之上增加清除空間,而外邊距本身並不改變。不論哪一種改變,最終結果都一樣,如果聲明為左邊或右邊清除,會使元素的上外框線邊界剛好在該邊上浮動元素的下外邊距邊界之下。
說明
以下表格表示clear屬性的使用說明:
默認值: | none |
繼承性: | no |
版本: | CSS1 |
JavaScript語法: | object.style.clear="lift" |
實例
圖像的左側和右側均不允許出現浮動元素:
img
{
float:left;
clear:both;
}
可能的值
值 | 描述 |
left | 在左側不允許浮動元素。 |
right | 在右側不允許浮動元素。 |
both | 在左右兩側均不允許浮動元素。 |
none | 默認值。允許浮動元素出現在兩側。 |
inherit | 規定應該從父元素繼承clear屬性的值。 |
瀏覽器支持
所有主流瀏覽器都支持clear屬性。