免費(fèi)AI編程助手
CSS bottom 屬性
實(shí)例
設(shè)置圖像的底部邊緣，在元素的底邊上面0px與5px：
img.ex1
{
position:absolute;
bottom:0px;
}
img.ex2
{
position:relative;
bottom:-100px;
}
嘗試一下 ?
屬性定義及使用說(shuō)明
對(duì)于絕對(duì)定位元素，bottom屬性設(shè)置單位高于/低于包含它的元素的底邊。
對(duì)于相對(duì)定位元素，bottom屬性設(shè)置單位高于/低于其正常位置的元素的底邊。
注意：如果"position：static"，底部的屬性沒(méi)有任何效果。
說(shuō)明：對(duì)于 static 元素，為 auto；對(duì)于長(zhǎng)度值，則為相應(yīng)的絕對(duì)長(zhǎng)度；對(duì)于百分比數(shù)值，為指定值；否則為 auto。對(duì)于相對(duì)定義元素，如果 bottom 和 top 都是 auto，其計(jì)算值則都是 0；如果其中之一為 auto，則取另一個(gè)值的相反數(shù)；如果二者都不是 auto，bottom 將取 top 值的相反數(shù)。
| 默認(rèn)值： | auto |
|---|---|
| 繼承性： | no |
| 版本： | CSS2 |
| JavaScript 語(yǔ)法： | object.style.bottom="50px" |
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。
| 屬性 | |||||
|---|---|---|---|---|---|
| bottom | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
屬性值
| 值 | 描述 |
|---|---|
| auto | 默認(rèn)值。通過(guò)瀏覽器計(jì)算底部的位置。 |
| % | 設(shè)置以包含元素的百分比計(jì)的底邊位置?？墒褂秘?fù)值。 |
| length | 使用 px、cm 等單位設(shè)置元素的底邊位置?？墒褂秘?fù)值。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 bottom 屬性的值。 |
相關(guān)文章
CSS 教程: CSS Positioning
更多建議：