CSS下拉菜单未正确对齐

我为客户端开发了http://pizzli.com/millington, 而下拉菜单仅使用CSS。他们表现不错, 但是由于某种原因, 它们与右边对齐。看看下面的图片。任何援助将不胜感激。

CSS下拉菜单未正确对齐

文章图片
#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; }

#2 尝试左移:继承;然后做margin-left:xyz; 相对于父元素定位元素。
【CSS下拉菜单未正确对齐】请注意, 你可能必须将left:和margin-left:更改为right:和margin-right:, 但这对我来说非常有用, 我花了很长时间弄清楚了。

    推荐阅读