css中怎么让两个盒子重叠

CSS中要实现让两个盒子重叠，可以使用position属性，将两个盒子的位置设置到相同的值，即可达到重叠的效果。

.box1 {
    width: 100px;
    height: 100px;
    background-color: red;
    position: absolute;
    left: 50px; /*设置盒子的左边框与页面左边框的距离为50px*/
    top: 50px; /*设置盒子的上边框与页面顶部的距离为50px*/
}

.box2 {
    width: 100px;
    height: 100px;
    background-color: blue;
    position: absolute;
    left: 50px; /*与box1相同*/
    top: 50px; /*与box1相同*/
} 

在上述代码中，box1与box2的位置相同，都为left:50px;top:50px。将两个盒子的位置设置到相同的值，即可让它们重叠。同时，为了让盒子能够重叠，需要将它们的定位方式设置为absolute或fixed。这样，盒子的位置将不再基于文档流，而是基于其父元素进行定位。

需要注意的是，在使用position属性时，需要使用它的值来控制盒子的位置，而不能直接设置margin、padding等属性来改变盒子的位置。因为这些属性只是改变了盒子在其父元素中的占据空间，而没有改变盒子在文档流中的位置。