CSS DropDown菜单未正确对齐

Question

我为客户开发了http://pizzli.com/millington，并仅使用CSS作为下拉菜单。他们表现得很好，但出于某种原因，他们与右翼保持一致。看看下面的图片。任何帮助将不胜感激。

Answer 1

嘿，我希望你的下拉导航开始左边比你给你的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;
}

Answer 2

尝试制作left: inherit;，然后执行margin-left: xyz;以相对于父级定位元素。
请注意，您可能需要将left:和margin-left:更改为right:和margin-right:，但这对我来说非常有用，而且我花了很长时间才搞清楚出来。