javascript - CSS 下拉菜单未正确对齐

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;相对于父元素定位的元素。
请注意，您可能必须将 and 更改left:为margin-left:and right:，margin-right:但这对我来说效果很好，我花了很长时间才弄清楚。