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

CSS position 屬性

2022-06-02 16:38 更新

實(shí)例

定位<h2>元素：

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

嘗試一下 ?

在此頁(yè)底部有更多的例子。

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

默認(rèn)值：	static
繼承：	no
版本：	CSS2
JavaScript 語(yǔ)法：	object.style.position="absolute"

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

屬性
position	1.0	7.0	1.0	1.0	4.0

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