Suckerfish CSS 菜单之子 - 子菜单未显示在菜单项下方答案

【问题标题】：Son of Suckerfish CSS Menu - Sub menu's not displaying below menu itemSuckerfish CSS 菜单之子 - 子菜单未显示在菜单项下方
【发布时间】：2011-07-05 13:20:06
【问题描述】：

我设置了一个 Suckerfish 之子菜单，但是当我将鼠标悬停在菜单项上时，子菜单会出现在屏幕左侧，而不是直接在我悬停的项目下方。

例如http://blacktownworkersgroup.worldsecuresystems.com/bwc09/events

当您将鼠标悬停在“事件”上时，子菜单应该会出现在该项目下方。

它在 Safari 和 Chrome 中正常工作，但在 IE7、Firefox 3、Opera 中不正常。

【问题讨论】：

代码示例将大大改善您的问题。尝试隔离有问题的代码。

标签： html css suckerfish

【解决方案1】：

css 显示块使用绝对定位。您需要设置 top 和 left 属性才能正确定位它。

否则改成 position:relative;并使用浮动：左；如this tutorial on SoS dropdowns

【讨论】：

【解决方案2】：

我修好了。

原始列表项需要浮动，而不是内联显示。可能还有其他影响它的元素，但现在已经修复了！

【讨论】：