Div在flex容器中覆盖其他div

这个问题在这里已经有了答案:

  • 如何覆盖另一个div 6个答案

  • 您可以使元素position:absolute并将其拉伸以获取.content的全部宽度。 您也可以使用inline-flex ,以使.content的宽度等于其内容的宽度:

    .container {
      background-color: yellow;
      width: 500px;
    }
    
    .content {
      display: inline-flex;
      position:relative;
    }
    
    .over {
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background-color: rgba(255, 0, 0, 0.8);
    }
    <div class="container">
      <div class="content">
        <div class="over">Over</div>
        <div>Test</div>
        <div>Test</div>
        <div>Test</div>
      </div>
    </div>
    链接地址: http://www.djcxy.com/p/75843.html

    上一篇: Div overlay other divs in a flex container

    下一篇: In html how do you have an image overlapping an other image?