閱讀(28.9k) 書簽贊(1) 我要糾錯

CSS top 屬性

2022-06-02 17:00 更新

實例

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

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

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

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

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

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

屬性
top	1.0	5.0	1.0	1.0	6.0

值	描述
auto	默認值。通過瀏覽器計算上邊緣的位置。
%	設(shè)置以包含元素的百分比計的上邊位置?？墒褂秘撝怠?/td>
length	使用 px、cm 等單位設(shè)置元素的上邊位置?？墒褂秘撝怠?/td>
inherit	規(guī)定應(yīng)該從父元素繼承 top 屬性的值。