子菜单在悬停时不会显示

Question

请参阅我的代码和演示Here plz。我不习惯使用css，但它很简单，我看到很多演示几乎使用相同的代码。但我无法发现引起问题的差异

我需要在UserForm下打开一个子菜单，但在悬停时不会显示（使用css）

Answer 1

从#main_nav ul ul中删除“top”和“left”，如下所示：

#main_nav ul ul {
    position: absolute;
    visibility: hidden;
}

这是因为“position：absolute”的工作原理。在您的情况下，父“li”具有“position：static”（默认），在这种情况下，“position：absolute”使子ul在整个文档中绝对放置。如果你只是删除“visiblity：hidden”，然后将它放在页面底部，你可以看到这个。另一种解决方案是将“position：relative”设置为父li