css中position屬性（absolute/relative/static/fixed）：

position：static???無特殊定位，是html元素默認的定位方式，對象遵循正常文檔流。top，right，bottom，left等屬性不會被應用。

position：relative?對象遵循正常文檔流，相對的是它原本在文檔流中的位置而進行的偏移，但將依據top，right，bottom，left等屬性在正常文檔流中偏移位置。而其層疊通過z-index屬性定義。

position：absolute:對象脫離正常文檔流，根據祖先元素（父類以上）進行定位，并且這個祖先的類必須是posiiton為非static方式定位的，使用top，right，bottom，left等屬性進行絕對定位。而其層疊通過z-index屬性定義。 position：fixed：對象脫離正常文檔流，使用top，right，bottom，left等屬性以窗口為參考點進行定位，當出現滾動條時，對象不會隨著滾動。而其層疊通過z-index屬性定義。 ? 文檔流：將窗體自上而下分成一行行，并在每行中按從左到右的順序排放元素，即為文檔流。 使元素脫離文檔流的情況：浮動??絕對定位?

?

轉載于:https://www.cnblogs.com/wyingli/p/7039856.html

總結

以上是生活随笔為你收集整理的css中position属性（absolute/relative/static/fixed）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。