在CSS中，absolute和relative是兩種常見的定位方式，用于控制元素在文檔中的位置。
relative定位是相對于元素在正常文檔流中的位置進行定位的。設置元素的position屬性為relative后，可以使用top、right、bottom、left屬性來調整元素的位置。這些屬性是相對于元素自身的位置進行偏移的，可以使用正負值來指定偏移的方向和距離。例如，top: 10px將元素的頂部向下偏移10像素。
absolute定位是相對于最近的具有定位屬性（position屬性為relative、absolute或fixed）的父元素來進行定位的。如果沒有找到具有定位屬性的父元素，則相對于最初的包含塊（通常是瀏覽器窗口）進行定位。與relative定位類似，absolute定位也可以使用top、right、bottom、left屬性來調整元素的位置，但這些屬性是相對于父元素的位置進行偏移的。例如，top: 10px將元素的頂部與父元素的頂部相距10像素。
需要注意的是，使用absolute定位后，元素會脫離正常的文檔流，不再占據原本的空間。這意味著其他元素可能會占據脫離文檔流的元素原本的位置。為了避免這種情況，可以使用relative定位來創建一個參考容器，然后在其中使用absolute定位。
總結來說，relative定位是相對于元素自身進行定位的，而absolute定位是相對于父元素進行定位的。通過合理運用這兩種定位方式，可以實現各種復雜的布局效果。
