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 聲明）。 |
| sticky | 粘性定位，該定位基於用戶滾動的位置。 它的行為就像 position:relative; 而當頁面滾動超出目標區域時，它的表現就像 position:fixed;，它會固定在目標位置。 注意: Internet Explorer, Edge 15 及更早 IE 版本不支持 sticky 定位。 Safari 需要使用 -webkit- prefix (查看以下實例)。 |
| inherit | 規定應該從父元素繼承 position 屬性的值。 |
| initial | 設置該屬性為默認值，詳情查看 CSS initial 關鍵字。 |
更多實例
這個例子演示了一個元素相對其正常位置如何定位。
相關文章
CSS 教學: CSS Position