Html 下拉菜单一直向右跳

我的下拉菜单一直向右跳转，而不是从它的父菜单的正下方下拉。
我尝试过定位它，但这不起作用，因为当浏览器窗口改变大小时，位置会改变

如何使下拉菜单位于父菜单下方的中心位置

Html:

---

您可以将其添加到或更改css

#topnav li:hover ul {
left: auto;
margin-left: -30px;
}

或

---

您嵌套的

ul

标记似乎有一些不必要的填充被用户代理样式表应用

尝试使用：

#topnav li ul {padding: 0px;}

这样，只会影响嵌套的

ul

元素的填充。

将#topnav id更改为此

#topnav{

z-index:3；

顶部填充：76px；

宽度：800px；

并添加folling id

\topnav ul{

浮动：左；

}

#topnav li:悬停ul

{left:80px；}

就是这么做的（页边空白），非常感谢您的快速帮助！

#topnav li ul {
left: auto;
list-style-type: none;
position: absolute;
padding: 0px;
}

#topnav li ul {padding: 0px;}