在CSS中，圖層相對位置是一個非常重要的概念。

圖層是指用CSS定義的具有獨立屬性的元素，它們可以在頁面上按照不同的順序呈現。

圖層的相對位置決定了它們如何在頁面上被呈現。

.example {
position: relative;
z-index: 2;
}
.another-example {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}

在上面的代碼中，.example和.another-example都是圖層。

.example的定位方式是相對的，z-index值為2。

.another-example的定位方式是絕對的，z-index為1。

因為.another-example的z-index值比.example小，所以它將被放置在.example的下方。

圖層相對位置對于創建復雜的布局有著重要的作用。

通過使用不同的定位方式和z-index值，可以在頁面中創建出多個層次的視覺效果。

當你了解了圖層相對位置的概念后，你就能更好的掌握CSS的布局和設計。