相应地使2个div覆盖2个其他div

<div class="div1">Content of div 1</div>
<div class="div2">Content of div 2</div>
<div class="div3">Content of div 3</div>
<div class="div4">Content of div 4</div>

.div1,
.div2,
.div3,
.div4 {
  position: relative; /* 确保父级元素是相对定位 */
}

.div1,
.div2 {
  position: absolute;
  width: 200px;
  height: 200px;
  background-color: red;
}

.div3,
.div4 {
  width: 300px;
  height: 300px;
  background-color: blue;
}

.div1 {
  top: 50px;
  left: 50px;
  z-index: 2;
}

.div2 {
  top: 100px;
  left: 100px;
  z-index: 1;
}