下拉子菜单显示不正确

Question

如果我将鼠标悬停在第一项（美国）上，就可以了。

当我悬停下一个项目时，它显示在顶部。它与 "Europe".

不在同一个位置

这是一个CSS:

nav ul li:hover ul li ul{
    position:absolute;
    display:none;
}
nav ul li:hover ul li:hover ul{
    display:block;
    left:150px;
    top:0;
}

编辑 我如何设置它以使其正确显示 - 不是在顶部而是在

旁边，当前是 "hover"?

Answer 1

像这样将 position: relative; 添加到 nav ul li ul li：

nav ul li ul li {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}