Html 从第一个'li'开始悬停时启动超级子菜单

我在网站上有一个菜单，它也有子菜单，在悬停时打开。 菜单是伟大的工作，但子菜单不是从第一里开始，所以它可以作为大菜单

我认为这可以通过下面的方法来实现

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

但它不起作用。下面是指向JSFIDLE的链接。请查收

---

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

顶级导航中的

li

元素（即主页、家庭补救措施等）不能与其父ul有相对位置（

位置：相对；

）

您需要将这些

li

元素设置为静态。如果您需要子菜单

li

元素是相对的，则这是另一种情况，但为了将每个元素向左推（在第一个li下），则顶层

li

元素需要是静态的

---

您对“子菜单不是从第一个li开始”的确切含义是什么？也许你应该解释一下你期望的最终结果是什么？“大菜单”对我来说毫无意义，除了一个大菜单。而且，小提琴上CSS的数量把我吓坏了。我认为同样的结果（就像现在一样）可以用一半的时间来实现。但那是我的机会。@icecub。。。“从第一个li开始”表示子菜单应在“从主页”选项卡的正下方开始。你能不能也。。那会很有帮助的我会看看我能不能解决一些问题。与此同时，我认为塞缪尔给了你一个很好的答案，我已经尽力了。就我个人而言，我认为这样看起来更好，但请随意改变：哦。只是刚刚注意到你有一些文字装饰和悬停效果在那里。忘了那些。但对你来说应该很容易补充：）我会试试你的答案，塞缪尔。。li的bt子菜单不得从主页选项卡启动。。它应该从同一个李开始，我尝试了你的改变，但做了一些修改，它的工作除了关于我们的标签。。这里是链接

http://jsfiddle.net/fwLgd99c/3/