Css 绝对位置元素不能溢出其他弹性项

我可以将黑盒子设置在第二个盒子的顶部？ 正如你所看到的，每个棕色的盒子是100px，而黑色的盒子是150px。 所以我需要黑盒子来填充下半个棕色盒子。 但我想不出任何办法来实现这一点

.container{
显示器：flex；
}
.目录{
宽度：100px；
高度：100px；
背景色：仿古白色；
边框：虚线1px#c7c7；
位置：相对位置；
}
.溢流舱{
位置：绝对位置；
宽度：150px；
高度：50px；
背景色：黑色；
}

---

溢出的容器位于第二个

目录下。您需要转到
.content
。因此，添加
z-index:1.overflowing div
上的code>。这样它就可以放在上面了


.container{
显示器：flex；
位置：相对位置；
}
.目录{
位置：相对位置；
宽度：100px；
高度：100px；
背景色：仿古白色；
边框：虚线1px#c7c7；
}
.溢流舱{
位置：绝对位置；
z指数：1；
宽度：150px；
高度：50px；
背景色：黑色；
}
很高兴我能帮忙