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