css实现div之间的覆盖

CSS实现div之间的覆盖可以通过两种方法：使用position属性和使用z-index属性。

div {
  position: relative;
  top: 20px;
  left: 20px;
  background-color: red;
  width: 100px;
  height: 100px;
}

div:nth-child(2) {
  position: absolute;
  top: 50px;
  left: 50px;
  background-color: green;
  width: 100px;
  height: 100px;
}

在上面的代码中，第一个div设置了position: relative，表示其相对于文档流位置偏移20px。第二个div设置了position: absolute，表示其相对于父容器（即第一个div）位置偏移50px。这样，第二个div就会覆盖在第一个div之上。

如果想要控制多个div之间的层级关系，可以使用z-index属性。z-index属性决定元素的层叠顺序，数值越大的元素在上层。

div {
  position: relative;
  top: 20px;
  left: 20px;
  background-color: red;
  width: 100px;
  height: 100px;
  z-index: 1;
}

div:nth-child(2) {
  position: absolute;
  top: 50px;
  left: 50px;
  background-color: green;
  width: 100px;
  height: 100px;
  z-index: 2;
}

在上面的代码中，第一和第二个div都设置了z-index属性，第二个div的值大于第一个div的值，因此第二个div会在第一个div之上。