Html CSS下拉菜单-重叠元素

我制作了一个下拉菜单，但当我将鼠标悬停在父类别上时，子类别看起来拥挤且重叠。似乎孩子们的元素没有被整齐地一个接一个地放置；相反，它们相互重叠

我试着自己修复它，看看谷歌和这里，但我没有找到任何解决方案来解决这个问题。我也读过“内联元素和填充”指南，但它对我没有帮助。我不是程序员，我只是对购买的主题进行一些定制（）

任何帮助都将不胜感激

我是否需要发布我所有的代码，或者您可以使用开发人员工具自己查看它？（如铬合金）

---

谢谢

问题在于这个类，它应用于所有菜单元素：

#nav li.parent a span {
    margin-top: -10px;  /* This is what's making them crowded */
}

查看导航菜单的样式，此样式应仅适用于顶级

li

元素（例如类别、家谱、婚姻），但它适用于所有

a

元素

我会将此

id

的名称更改为

class

（删除“#nav li.parent a span”并替换为“[此处的类名]”，然后将该类应用于顶级

li

元素（例如类别、族谱、婚姻）

改变

<li class="level0 nav-1 level-top first parent hasProducts">

到

---

养成在这里发布代码的习惯是一个很好的做法。网站可能会随着时间的推移而变化，如果有人回来查看，他们可能看不到代码，因为代码会发生变化。请发布相关的标记和css或使用提琴。很有可能，li或span元素上有填充。此外，请放慢scr的速度在你的横幅上大笑，看不懂广告；（你需要将

#nav ul li

填充调整为

8px 0

或类似的内容，并调整其他填充以补偿其被覆盖，如

#nav ul li。首先，

@johnmany我在发布HTML代码时遇到一些问题..不太确定如何将其放入..在VikingBlooded我实际上有一些问题滑块有问题，我计划最终会减慢速度（实际上，开始幻灯片放映非常慢，因为它需要先加载所有图像。目前不确定如何处理）。你的建议删除了#nav li.parent a span上的边距，效果非常好。但是，它确实破坏了我正在修复的菜单的某些视觉方面。（虽然你发布的代码让我迷路了，但我不是程序员，我不想在HTML/CSS上乱来。事实上，我不知道如何更改我网站的HTML:）谢谢你的帮助，我花了至少两个小时试图解决这个问题！没问题。我本可以更彻底一点，但我很匆忙。很高兴你解决了这个问题。@user3579613

<li class="level0 nav-1 level-top first parent hasProducts [YOUR CLASS HERE]">

#nav li.parent a span {
    margin-top: -10px;
}

.[YOUR CLASS HERE]{
    margin-top:-10px;
}