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

Question

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

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

问题在于子导航按钮被内容 div 隐藏了。它们不仅出现在内容 div 后面，而且因为位于菜单 div 之外而被隐藏。

我的页面如下所示：

标题（相对）

---

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

---

内容（相对）

---

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

注意：我当然可以通过将菜单包含在内容 div 中来使其工作。最大的挑战是我希望它位于内容 div 之外，以便菜单可以更大。

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

问候， 杜克

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

哇。不敢相信这是如此容易。

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

感谢大家和 Henry 如此快速地解决了它。 干杯！

Answer 1

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

去掉这个，您的菜单应该会显示出来。

编辑

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

有关 overflow 的文档。

Answer 2

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