css中div覆盖了 |css3 病史的复选

当页面中有多个div元素时，如果它们的位置发生了重叠，那么后面的div元素就会覆盖前面的div元素，导致前面的div元素显示不出来。这就是div覆盖了的问题。

下面是一个示例代码：

<div class="box1">Box 1</div>
<div class="box2">Box 2</div>

如果大家将box1和box2的位置设置为重叠，那么box1就会被box2覆盖。大家可以使用CSS的z-index属性来解决这个问题。

z-index属性指定元素的堆叠顺序。一个具有较高z-index值的元素将覆盖一个具有较低z-index值的元素。例如：

.box1 {
position: absolute;
top: 150px;
left: 150px;
width: 200px;
height: 200px;
background-color: red;
z-index: 1;
}
.box2 {
position: absolute;
top: 200px;
left: 200px;
width: 200px;
height: 200px;
background-color: blue;
z-index: 2;
}

在上面的代码中，大家为box1和box2分别设置了不同的z-index值。因为box2的z-index值比box1的z-index值高，所以box2会出现在box1的上面。

如果您遇到了CSS中div覆盖的问题，可以尝试使用z-index属性来解决它。