-
bottom
（css定位屬性中的一種屬性）
鎖定
bottom是css定位屬性中的一種屬性。
- 外文名
- bottom
- bottom版本
- CSS2
- 兼容性
- IE5+
bottom計算機語言
CSS Positioning Properties 定位屬性中的一種屬性
bottom屬性定義
對於絕對定位元素，bottom屬性設置單位高於/低於包含它的元素的底邊。
對於相對定位元素，bottom屬性設置單位高於/低於其正常位置的元素的底邊。
語法：bottom : auto | length
參數：
auto : 無特殊定位，根據HTML定位規則載文檔流中分配
説明：
檢索或設置對象與其一個定位的父對象底邊相關的位置。
對應的腳本特性為bottom。其值為一字符串，所以不可用於腳本(Scripts)中的計算。請使用style對象的posBottom，pixelBottom等運行時特性。請參閲我編寫的其他書目。
bottom屬性值
值 | 描述 |
|---|---|
auto | 默認值。通過瀏覽器計算底部的位置。 |
% | 設置以包含元素的百分比計的底邊位置。可使用負值。 |
使用 px、cm 等單位設置元素的底邊位置。可使用負值。 | |
inherit | 規定應該從父元素繼承 bottom 屬性的值。 |
示例：
div { position: absolute; bottom: 1in; }
div { position:relative; bottom:6px; }
bottom定義和用法
bottom 屬性規定元素的底部邊緣。該屬性定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
bottom説明
對於 static 元素，為 auto；對於長度值，則為相應的絕對長度；對於百分比數值，為指定值；否則為 auto。
對於相對定義元素，如果 bottom 和 top 都是 auto，其計算值則都是 0；如果其中之一為 auto，則取另一個值的相反數；如果二者都不是 auto，bottom 將取 top 值的相反數。
默認值： | auto |
|---|---|
繼承性： | no |
版本： | CSS2 |
JavaScript 語法： | object.style.bottom="50px" |
bottom可能的值
值 | 描述 |
|---|---|
auto | 默認值。通過瀏覽器計算底部的位置。 |
% | 設置以包含元素的百分比計的底邊位置。可使用負值。 |
length | 使用 px、cm 等單位設置元素的底邊位置。可使用負值。 |
inherit | 規定應該從父元素繼承 bottom 屬性的值。 |
bottom實例
把圖像的底邊緣設置在其包含元素底邊緣之上 5 像素高的位置：
img { position:absolute; bottom:5px; }
- 參考資料
-
- 1. CSS bottom 屬性 ．W3Cschool[引用日期2018-04-18]
- 2. 蔣昀昕. Position屬性在CSS佈局中的應用[J]. 電腦與電信, 2016(10):58-60.
