CSS 中的定位：如何使绝对定位的内容显示在其相对定位的父级之外？

Question

我遇到了一个让我发疯的问题，如果你曾经遇到过，这对你来说应该很容易。

我正在使用下拉菜单。主菜单 div 是相对定位的，因此它按照 html 的编写顺序出现。此菜单包含在点击类别时出现在上方的绝对定位按钮。 就在菜单出现内容之后，在另一个相对定位的 div 中。

问题在于 subnav 按钮被内容 div 隐藏了。 它们不只是出现在它的后面，而是因为超出了菜单 div 而被隐藏了。

我的页面是这样的：

标题（相对）

---

菜单 - 类别 v 类别 v 类别 v

---

内容（相对）

---

所有这些都有一个静态定位的包含父级以用于布局外观。

注意：我当然可以通过在内容 div 中包含菜单来实现它。最大的挑战是我希望它在内容 div 之外，以便菜单可以更大。

希望我已经说清楚了，提前感谢您的回复。 任何帮助将不胜感激。

您好， 杜克

---------------编辑 ----------------

哇。简直不敢相信这很容易。

问题来自溢出：隐藏我写得很自动。删除它，菜单的内容会像魔术一样从 div 中弹出 :) 实际上这很合乎逻辑，我现在明白了 ;)

感谢大家和亨利这么快解决问题。 干杯！

Answer 1

查看您的网站，您确实在菜单上设置了overflow: hidden; @global.css 第 225 行。

摆脱这个，你的菜单应该会出现。

编辑

我想一个简短的解释是为了。 overflow: hidden; 设置基本上会截断任何溢出。也就是说，如果一个容器被设置为overflow: hidden;，任何溢出的内容（在这种情况下是你的越界菜单）都会被剪掉。

overflow 上的文档。

Answer 2

如果您发布代码会非常有帮助，但您可以试试这个：将z-index:9999 添加到子菜单项中，看看它是否有效。