relative：是相對于自己來定位的，例如：#demo{position:relative;top:-50px;},這時#demo會在相對于它原來的位置上移50px。如果它之前的元素也為relative并有偏移，則兩個偏移不想加，relative只在它原本所在位置上進行偏移。relative 不脫離文檔流，也就是說relative 的元素盡管表面上看到它偏離了原來的位置，但它實際上在文檔流中還是沒變，所以不可層疊，依據left，right，top，bottom等屬性在正常文檔流中偏移位置。

absolute：使用left，right，top，bottom等屬性，相對于position樣式值為relative最近祖先元素為參照.如果沒有則以瀏覽器左上角(或者BODY元素)為參照。absolute的元素不僅位置改變了，同時也脫離了文檔流。?其層疊通過z-index屬性定義。

總結

以上是生活随笔為你收集整理的CSS的position属性：relative和absolute的全部內容，希望文章能夠幫你解決所遇到的問題。

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