CSS 中，元素的层叠顺序是由其在 DOM 树中的位置决定的。后面的元素会覆盖前面的元素。但是，我们可以使用 CSS 控制元素的层叠顺序。
通过使用 position 属性，我们可以将元素从文档流中移出，并通过 z-index 属性来控制其层叠顺序。
z-index 属性是一个整数值，用于控制元素的层叠顺序。它可以为正数、负数或零。
具有较高 z-index 值的元素将显示在具有较低 z-index 值的元素的上方。
.box1 {
position: relative;
z-index: 2;
}
.box2 {
position: relative;
z-index: 1;
}
</code>
在上面的例子中，.box1 元素将显示在 .box2 元素的上方，因为它具有较高的 z-index 值。