Html 需要CSS下拉菜单建议吗

我正在尝试制作我的第一个纯css/html下拉菜单，但是我很难让悬停功能正常工作。我得到了很好的回答，但这次，一切都搞砸了，而且不在正确的位置。我在这一点上迷失了方向

我有一种预感，这与定位有关 上面的jsfiddle是我在询问“下拉”效果后得到的

---

请记住，当涉及到正确的CSS时，我仍然是一个新手。任何建议或帮助，使这个菜单的工作将不胜感激！而且，建设性的批评总是受欢迎的。

您的标记无效<代码>IDs必须是唯一的。即不能在多个元素上使用相同的

ID

。这就是

class

的用途。无论如何，不需要使用

ID

s进行此操作

#navwrap ul li ul {
    display: none;
}
#navwrap ul li:hover ul {
    display: block;
    position: relative;
}

将

：悬停

移动到父

li

您可以将两个

ul

分别设置为如下样式：

顶级：

#navwrap > ul { your styles ... }

次级：

#navwrap ul ul { your styles ... }

---

不要做“ul[id=drop]”，而要做“ul#drop”：）哦，好的。这将是更干净的方法。谢谢你的回答真的很有帮助。多谢各位

#navwrap ul ul { your styles ... }