CSS Position 屬性值有哪些？

CSS Position屬性值有：1、static，是position的預設值；2、fixed，產生固定定位的元素；3、absolute，產生絕對定位的元素；4、relative，產生相對定位的元素；5、inherit，繼承父級屬性值。

1、position: relative;相對定位

• 不影響元素本身特性（無論區塊元素或內聯元素會保留其原本特性）

• 不會使元素脫離文件流（元素原本位置會被保留，即改變位置也不會佔用新位置）

• #沒有定位偏移量時對元素無影響（相對於自身原本位置進行偏移）

• #提升層級（用z-index樣式的值可以改變一個定位元素的層級關係，從而改變元素的覆蓋關係，值越大越在上面，z-index只能在position屬性值為relative或absolute或fixed的元素上有效。）  （兩個都為定位元素，後面的會覆寫前面的定位）

2、position: absolute;絕對定位

• 使元素完全脫離文件流（在文件流中不再佔位）

• 使內聯元素在設定寬高的時候支援寬高（改變內聯元素的特性）

• 使區塊元素在未設定寬度時由內容撐開寬度（改變區塊元素的特性）

• #相對於最近一個有定位的父元素偏移（若其父元素沒有定位則逐層上找，直到document－頁面文件物件）

• #相對定位一般配合絕對定位使用（將父元素設定相對定位，使其相對於父元素偏移）

• 提升層級（同相對定位）

#3、position: fixed;固定定位

fixed生成固定定位的元素，相對於瀏覽器視窗進行定位。

4、position:static：預設值

預設佈局。元素出現在正常的流中（忽略 top, bottom, left, right 或 z-index 宣告）。

6、position: inherit

規定應該從父元素繼承 position 屬性的值。

推薦教學：《CSS教學》

以上是CSS Position 屬性值有哪些？的詳細內容。更多資訊請關注PHP中文網其他相關文章！