Javascript CSS下拉菜单未正确对齐

我为一个客户端开发，只使用CSS作为下拉菜单。结果很好，但由于某些原因，他们都是右派。请看下面的图片。任何协助都将不胜感激

---

嘿，我想让你的下拉菜单navi从左边开始，而不是你给你的li位置相对和sub-ul给左边和绝对属性，如下所示

对css文件进行一些更改

#navigation li {
    float: left;
    list-style: none outside none;
    position: relative;
}

还有这个

#navigation li:hover ul {
    display: block;
    left: -16px;
    margin: 0;
    padding: 0;
    position: absolute;
}

---

尝试使

左：继承然后执行
左边距：xyz
相对于父元素定位元素
注意，您可能需要将
左侧：
和
左边距：
更改为
右侧：
和
右边距：
，但这对我来说非常有效，我花了很长时间才弄明白
 子菜单实际上是与中心对齐的，只需测试更改文本对齐：左，您就会看到，您的规则混乱了。我建议您为子菜单制定自己的规则，这是因为父元素填充了您的中心移动