關於CSS的相對定位與絕對定位介紹

 1.一般如果我們不給元素設定position，則預設為static，此時是該元素是沒有定位的，像left/right這些偏移屬性都是沒有效果的。

    2.position:relative （相對定位）

    若設定為相對定位，即可設定left/right這些偏移，相對於該元素原有位置進行偏移，而且，原有位置任佔據著文檔流的空間，偏移並不會擠開別的元素，所以如果發生重疊，可以透過z-index設定堆疊順序。

    3.position:absolute（絕對定位）

    當一個元素設定為絕對定位的時候，在文檔流程中是不佔據空間的，會浮起來。與相對定位不同的是絕對定位會刪除文件流中原有位置的空間，定位則是透過不為static的父元素來定位（若父元素為static，則找父元素的父元素，往上級找）。

以上是關於CSS的相對定位與絕對定位介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！