Latest web development tutorials

CSS position 屬性

實例

定位<h2>元素：

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

嘗試一下»

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

屬性定義及使用說明

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

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

瀏覽器支持

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

属性
position 1.0 7.0 1.0 1.0 4.0

屬性值

值 描述
absolute

生成絕對定位的元素，相對於static 定位以外的第一個父元素進行定位。

元素的位置通過"left", "top", "right" 以及"bottom" 屬性進行規定。

fixed

生成絕對定位的元素，相對於瀏覽器窗口進行定位。

元素的位置通過"left", "top", "right" 以及"bottom" 屬性進行規定。

relative

生成相對定位的元素，相對於其正常位置進行定位。

因此，"left:20" 會向元素的LEFT 位置添加20 像素。

static 默認值。 沒有定位，元素出現在正常的流中（忽略top, bottom, left, right 或者z-index 聲明）。
inherit 規定應該從父元素繼承position 屬性的值。

Examples

更多實例

Position:relative
這個例子演示了一個元素相對其正常位置如何定位。

相關文章

CSS教程: CSS Positioning