bottom
css定位屬性中的屬性
bottom是css定位屬性中的一種屬性。
CSS Positioning Properties 定位屬性中的一種屬性
對於絕對定位元素,bottom屬性設置單位高於/低於包含它的元素的底邊。
對於相對定位元素,bottom屬性設置單位高於/低於其正常位置的元素的底邊。
語法:bottom : auto | length
參數:
auto : 無特殊定位,根據HTML定位規則載文檔流中分配
length : 由浮點數字和單位標識符組成的長度值 | 百分數。必須定義position屬性值為absolute或者relative此取值方可生效。請參閱長度單位
說明:
檢索或設置對象與其一個定位的父對象底邊相關的位置。
對應的腳本特性為bottom。其值為一字元串,所以不可用於腳本(Scripts)中的計算。請使用style對象的posBottom,pixelBottom等運行時特性。請參閱我編寫的其他書目。
CSS bottom 屬性具有如下的屬性值列表:
值 | 描述 |
---|---|
auto | 默認值。通過瀏覽器計算底部的位置。 |
% | 設置以包含元素的百分比計的底邊位置。可使用負值。 |
length | 使用 px、cm 等單位設置元素的底邊位置。可使用負值。 |
inherit | 規定應該從父元素繼承 bottom 屬性的值。 |
示例:
1 2 | div { position: absolute; bottom: 1in; } div { position:relative; bottom:6px; } |
同性戀稱男男性交過程中被動的一方或SM中被支配的一方叫“bottom”。也就是我國同志圈裡的“受””。這一語義在歐美/國際通用。主動的一方叫“攻”top。
bottom 屬性規定元素的底部邊緣。該屬性定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。
註釋:如果 "position" 屬性的值為 "static",那麼設置 "bottom" 屬性不會產生任何效果。
說明
對於static 元素,為 auto;對於長度值,則為相應的絕對長度;對於百分比數值,為指定值;否則為 auto。
對於相對定義元素,如果 bottom 和 top 都是 auto,其計算值則都是 0;如果其中之一為 auto,則取另一個值的相反數;如果二者都不是 auto,bottom 將取 top 值的相反數。
默認值: | auto |
---|---|
繼承性: | no |
版本: | CSS2 |
JavaScript 語法: | object.style.bottom="50px" |
值 | 描述 |
---|---|
auto | 默認值。通過瀏覽器計算底部的位置。 |
% | 設置以包含元素的百分比計的底邊位置。可使用負值。 |
length | 使用 px、cm 等單位設置元素的底邊位置。可使用負值。 |
inherit | 規定應該從父元素繼承 bottom 屬性的值。 |
把圖像的底邊緣設置在其包含元素底邊緣之上 5 像素高的位置:
1 | img { position:absolute; bottom:5px; } |