Div在flex容器中覆盖其他div
这个问题在这里已经有了答案:
您可以使元素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?