Css 垂直子菜单布局和行为不正确

垂直子菜单位置正确，但链接位于彼此的顶部。在主菜单中悬停时，它不会隐藏。在菜单外悬停时隐藏。我不知道在css中添加/更改什么

提前谢谢

更改导航{ 显示：块；

---

页边距顶部：0px；}到。。。页边距顶部：5px，看看这是否有效。无论如何，这将解决间距问题

当我不正确地嵌套子菜单时，发生了这种情况：

<ul id="main menu">

    <li> 
        <a>Menu item</a> 
        <!-- DO NOT CLOSE THIS LI TAG YET! -->

        <ul>
            <li>Submenu item</li>
        </ul>

    </li> <!-- NOW YOU CAN CLOSE IT -->

</ul>

菜单项

子菜单项

您能提供屏幕截图或链接吗？刚刚看到链接，抱歉，谢谢！但不幸的是，这没有帮助。它只在父菜单中添加了空格。nav ul li a{display:block；margin top:0px；}nav ul li{float:none；position:relative；}nav ul li li a{/*text align:left；*/color:#fff；width:230px；position:relative；margin left:165px；}nav ul li li li a:hover{背景：#6699cc；}nav ul li a:活动，ul li a:链接，ul li a:访问{背景色：#3370AD；}nav ul li:悬停{页边距顶部：0px；}我更改了上面的内容，它得到了改进。

<ul id="main menu">

    <li> 
        <a>Menu item</a> 
        <!-- DO NOT CLOSE THIS LI TAG YET! -->

        <ul>
            <li>Submenu item</li>
        </ul>

    </li> <!-- NOW YOU CAN CLOSE IT -->

</ul>