Latest web development tutorials

CSS bottom 屬性

實例

設置圖像的底部邊緣,在元素的底邊上面5px:

img
{
position:absolute;
bottom:5px;
}

嘗試一下»

屬性定義及使用說明

對於絕對定位元素,bottom屬性設置單位高於/低於包含它的元素的底邊。

對於相對定位元素,bottom屬性設置單位高於/低於其正常位置的元素的底邊。

注意:如果"position:static",底部的屬性沒有任何效果。

說明:對於static元素,為auto;對於長度值,則為相應的絕對長度;對於百分比數值,為指定值;否則為auto。對於相對定義元素,如果bottom 和top 都是auto,其計算值則都是0;如果其中之一為auto,則取另一個值的相反數;如果二者都不是auto,bottom 將取top 值的相反數。

默認值: auto
繼承性: no
版本: CSS2
JavaScript 語法: object.style.bottom="50px"


瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

属性
bottom 1.0 5.0 1.0 1.0 6.0

屬性值

描述
auto 默認值。 通過瀏覽器計算底部的位置。
% 設置以包含元素的百分比計的底邊位置。 可使用負值。
length 使用px、cm 等單位設置元素的底邊位置。 可使用負值。
inherit 規定應該從父元素繼承bottom 屬性的值。


相關文章

CSS教程: CSS Positioning