Html 如何覆盖聚合物弹性分区

我用的是flex divs。 我一直在跟踪。但是，一旦我设置了一个绝对位置的“弯曲”div，一切都是混乱的

我在你能复制它的地方做了

我的代码如下所示：

---------------
资料

如果我使用相对位置/绝对阴影外dom flex类，它可以正常工作：

---------------
资料

---

那么，当两者都在flex容器中时，如何将一个div覆盖在另一个div之上呢？

您只需要使您的

flex-5

div

相对

和两个内部
div
匹配即可

<div class="flex-5 relative">
    <div class="fit" style="background-color:papayawhip">---------------</div>
    <div class="fit">Data</div>
  </div>
</div>

与

div {
    position: relative;
}

div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}