在CSS中定位:如何在其相对定位的父级之外进行绝对定位的内容显示?

时间:2011-07-29 11:33:50

标签: html css menu position containers

我遇到一个让我疯狂的问题,如果你曾经遇到它,它应该对你来说很容易。

我正在使用下拉菜单。主菜单div相对定位,以便按照html的编写顺序显示。此菜单包含出现在类别点击上方的绝对定位按钮。 在菜单出现之后,在另一个相对定位的div中。

问题是subbav按钮被内容div隐藏。它们不仅仅出现在它后面,因为它超出菜单div而被隐藏。

我的页面如下:

标题(相对)


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


内容(相对)


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

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

希望我已经说清楚了,谢谢你的回复。 任何帮助将不胜感激。

问候, 杜克

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

哇。我不敢相信这么容易。

问题来自溢出:隐藏我自动写的。删除它,菜单的内容像魔术一样从div中弹出:)实际上这是合乎逻辑的,我现在知道它正在工作;)

感谢大家和亨利如此快速地解决它。 干杯!

2 个答案:

答案 0 :(得分:2)

查看您的网站,您可以在菜单@ overflow: hidden;第225行设置global.css

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

修改

我想有一个简短的解释。 overflow: hidden;设置基本上会截断任何溢出。也就是说,如果容器设置为overflow: hidden;,则会剪切任何溢出的内容(在这种情况下是您的越界菜单)。

overflow上的文档。

答案 1 :(得分:0)

如果您发布了代码,那将非常有用,但您可以尝试这样做:将z-index:9999添加到子菜单项并查看它是否有效。