[分享]css两个盒子怎么重叠

<div class="box1"></div>
<div class="box2"></div> 

如果我们希望让它们重叠，可以先用CSS将它们的定位方式都设为absolute：

.box1, .box2 {
  position: absolute;
} 

然后，再通过CSS控制它们的位置。比如我们可以将两个盒子的left和top属性都设置为0，这样它们就会重叠在一起：

.box1 {
  left: 0;
  top: 0;
}

.box2 {
  left: 0;
  top: 0;
} 

如果只想让其中一个盒子看起来比另一个在上面，可以使用z-index属性，将其设为更高的值：

.box1 {
  left: 0;
  top: 0;
  z-index: 1;
}

.box2 {
  left: 0;
  top: 0;
  z-index: 0;
} 

这样，盒子1就会显示在盒子2的上面了。

总之，通过调整定位方式和使用z-index属性，我们可以让两个盒子重叠在一起，从而实现一些有趣的特效。