閱讀(57.7k) 書簽贊(12) 我要糾錯

CSS position 屬性

2022-06-02 16:38 更新

實例

定位<h2>元素：

h2
{
position:absolute;
left:100px;
top:150px;
}

嘗試一下 ?

在此頁底部有更多的例子。

position屬性指定一個元素（靜態(tài)的，相對的，絕對或固定）的定位方法的類型。

默認值：	static
繼承：	no
版本：	CSS2
JavaScript 語法：	object.style.position="absolute"

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

屬性
position	1.0	7.0	1.0	1.0	4.0

值	描述
absolute	生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。
fixed	生成固定定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。
relative	生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
static	默認值。沒有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
inherit	規(guī)定應該從父元素繼承 position 屬性的值。
initial	設置該屬性為默認值，詳情查看 CSS initial 關鍵字。