Html 如何将div定位在其他两个div的交点上方？

如何将div定位在其他两个div的交点上方？ 我尝试了相对定位和绝对定位。但没能取得好成绩

我在div1、div3中尝试了相对和绝对位置，我将div3放在div1中，并增加了它的高度。但在我将内容放入div2并尝试进行类似的结构之后，对齐被完全扭曲了。

---

有谁能帮我找到更好的方法吗？它可以通过css网格实现吗

使用此代码。。它将帮助你

.div1{
背景颜色：黄色；
高度：100px；
边框：1px实心#000；
位置：相对位置；
}
.二区半{
背景色：#fff；
高度：100px；
边框：1px实心#000；
宽度：49%；
浮动：左；
}
.第2分部{
宽度：80%；
保证金：0自动；
位置：绝对位置；
背景：透明；
左：0；
右：0；
底部：41px；
}
.第3分部{
背景色：#fff；
高度：100px；
边框：1px实心#000；
}
.第4分部{
宽度：100px；
边框：1px实心#000；
位置：绝对位置；
左：23px；
}
.分区货柜{
位置：相对位置；
}

第一组

第2组

第四组
第2组

第3部分

实现这一点不需要CSS网格。然而，你的问题并不清楚你的标记是如何构造的：你能分享一个吗？嗨，特里！谢谢你的回复！下面是一个说明：div1和div3位于页面的主容器内。div1占页面的前30%，div3占70%。div 2正好位于div1和di3相交的位置上方。我希望这能说明一些问题！这基本上就是您的屏幕截图所示，但没有给出任何结构指示。div是如何嵌套的？div1和div3是兄弟姐妹吗？div2是否嵌套在其中，或者它也是一个兄弟？