html - css 下拉菜单在错误的位置

Question

我对纯 css 下拉菜单的定位有疑问。您可以在以下位置找到该网站: link to website

当您将鼠标悬停在“教程”(我并没有真正做任何事情，但它是为了学习)和“博客”时，您会看到下拉菜单位置不在选项卡的正下方，而是移到了右侧。

如何将下拉菜单放在选项卡下？提前感谢您的帮助。

Answer 1

尝试编辑文件“main.css”，将其更改为:

ul#nav li ul{
position:absolute;
display:none;
}

为此:

ul#nav li ul{
position:absolute;
display:none;
padding:0;
margin:0;
}

我认为它会解决你的定位问题。