閱讀(29k) 書簽贊(1) 我要糾錯(cuò)

CSS top 屬性

2022-06-02 17:00 更新

實(shí)例

把圖像的上邊緣設(shè)置在其包含元素上邊緣之下5像素高的位置：

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

top 屬性規(guī)定元素的頂部邊緣。該屬性定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

對于相對定義元素，如果 top 和 bottom 都是 auto，其計(jì)算值則都是 0；如果其中之一為 auto，則取另一個(gè)值的相反數(shù)；如果二者都不是 auto，bottom 將取 top 值的相反數(shù)。

注意： 如果 "position" 屬性的值為 "static"，那么設(shè)置 "top" 屬性不會(huì)產(chǎn)生任何效果。

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。

屬性
top	1.0	5.0	1.0	1.0	6.0

值	描述
auto	默認(rèn)值。通過瀏覽器計(jì)算上邊緣的位置。
%	設(shè)置以包含元素的百分比計(jì)的上邊位置。可使用負(fù)值。
length	使用 px、cm 等單位設(shè)置元素的上邊位置。可使用負(fù)值。
inherit	規(guī)定應(yīng)該從父元素繼承 top 屬性的值。