css中的position是什麼意思

css中的position是規定元素的定位類型的屬性。 position屬性定義建立元素佈局所用的定位機制，任何元素都可以定位，不過絕對或固定元素會產生一個區塊級框，而不論該元素本身是什麼類型。

環境：

本文適用於所有品牌的電腦。

（學習影片分享：css影片教學）

屬性介紹：

position 屬性規定元素的定位類型。

這個屬性定義建立元素佈局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會產生一個區塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的預設位置偏移。

屬性值：

• 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 屬性的值。

範例：

定位h2元素：

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

相關推薦：CSS教學

以上是css中的position是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！