Html CSS-下拉菜单重叠

您好，我已经创建了一个下拉菜单，但是当我将鼠标悬停在某个选项上时，子菜单中的项目只是相互重叠。我试着在填充物、定位等方面玩，但似乎什么都不起作用。如果有人能帮忙，我将不胜感激。谢谢

HTML:

---

99%的情况下，这会修复它：设置链接的样式，而不是列表的样式

使用

A

-标签上的

display:block

，并将所有样式放在

A

-标签上，而不是

LI

---

在

LI

上使用

位置

：、

浮动：

或

显示：

。其他一切都在A-tag元素上。

99%的情况下，这会修复它：设置链接的样式，而不是列表的样式

使用

A

-标签上的

display:block

，并将所有样式放在

A

-标签上，而不是

LI

---

在

LI

上使用

位置

：、

浮动：

或

显示：

。其他一切都在A-tag元素上。

李的高度太小，我调整到42px；把它改成你觉得最好的

.menu_nav ul li {
    border-right: 1px solid #494949;
    padding: 0;
    display: table-cell;
    float: left;
    height: 42px;
}

---

李的高度太小，我调整到42像素；把它改成你觉得最好的

.menu_nav ul li {
    border-right: 1px solid #494949;
    padding: 0;
    display: table-cell;
    float: left;
    height: 42px;
}

---

哇，真不敢相信我错过了这个！谢谢不客气！别担心，我们每个人都会遇到这种情况：-]允许内容确定LIs的高度更容易。另一个问题是子菜单从原始菜单项开始（如图所示）。我怎样才能把子菜单移得低一点？@JackWilliams嗨，我似乎不知道你改变了什么。怎么，真不敢相信我错过了这个！谢谢不客气！别担心，我们每个人都会遇到这种情况：-]允许内容确定LIs的高度更容易。另一个问题是子菜单从原始菜单项开始（如图所示）。我怎样才能把子菜单移低一点？@JackWilliams嗨，我似乎不知道你改变了什么

.menu_nav ul li {
    border-right: 1px solid #494949;
    padding: 0;
    display: table-cell;
    float: left;
    height: 42px;
}