Html 绝对位置元素-它们可以位于相对位置的同级或父级之下吗

我对绝对定位的子菜单有问题。你可以在这里看到-

我希望主菜单的黄色与子菜单的红色重叠

理想情况下，我希望在不以任何方式更改HTML的情况下实现这一点。我可能可以添加类，但这将意味着与一些我真的不认识的人进行大规模争论

---

这可能吗

默认情况下，绝对定位元素设置在页面容器中，除非它们的父元素具有

position

属性的显式值，而不管它是什么值

因此，在您的示例中，您只需添加

position:relative到
.main\u nav
，应该就这些了

更改后，
.main\u nav
样式应如下所示：

.main_nav{
    float: left;
    height: 54px;
    list-style: none outside none;
    padding-right:5px;
    position:relative;
}

如果问题的另一部分尚未完成，请对此答案添加评论

更新：

根据您的第一条评论，您希望重叠部分在红色上方为黄色，而不是在右侧上方为红色（否则请更正）

这可以通过相同的修复来实现，但应用于锚点本身
。main\u nav a
。请注意以下最后两个属性：

.main_nav a{
    line-height: 55px;
    padding: 20px 20px 50px 50px;
    text-decoration: none;
    background:yellow;
    z-index:100;
    position:relative;
}

如前所述，请在评论中根据您的要求讨论此部分。
也许我的问题不清楚-我希望子菜单顶部的黄色链接。链接的黄色应该是最上面的一层，而sumbenu的红色则被它下面的视图挡住了。