在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的布局和设计。