css 两个子div完全重合

在CSS中，我们可以使用绝对定位来让两个子div完全重合。具体操作如下：

  .parent {
        position: relative;
        height: 200px;
        width: 200px;
  }
  .child1,  .child2 {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
  }
  .child1 {
        background-color: blue;
        opacity: 0.5;
  }
  .child2 {
        background-color: red;
  }
    

上述代码中，首先给父元素设置一个相对定位，然后设置子元素的绝对定位，并将它们的宽高设为100%。这样，两个子元素就会完全重合在一起。

需要注意的是，如果两个子元素都有背景色，那么后面的元素会覆盖前面的元素。因此，需要设置透明度或者调整层级关系，才能让两个子元素都显示出来。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！