从第一个“li”本身的CSS悬停时启动Mega Sub菜单

Question

我在网站上有一个菜单，它也有子菜单，可以在悬停时打开。菜单工作正常，但子菜单不是从第一个 li 开始，因此它可以充当超级菜单。

我虽然可以通过以下行完成

#ayurmenu ul li:hover > ul {
  left: 0px;
}

但它不起作用。下面是JSFiddle的链接。请检查。

JS小提琴在这里菜单

Ps：同样对于关于我们，子菜单应从同一个 li 开始，而不是从第一个 li 开始。

Answer 1

顶级

导航中的li元素（即家庭，家庭疗法等）不能与其父级ul具有相对位置（position:relative;）。

您需要将这些li元素设为静态。如果你需要子菜单li元素是相对的，那就另当别论了，但为了将每个元素都推到左边（在第一个 li 下），那么顶级元素li必须是静态的。

http://jsfiddle.net/fwLgd99c/2/