左对齐 CSS 下拉菜单

Question

我有一个网站，它具有通常的 2 级导航，采用下拉菜单的形式，使用 Suckerfish 和

• 构造来创建菜单。

问题是菜单在页面上右对齐，因此我需要将下拉菜单向左推出，如图所示，以将它们保留在页面内：

下拉菜单 http://pistar.net/share/sample-dropdown.png

如果顶级菜单选项卡的大小相同，则不会一个问题，但它们的宽度是可变的，所以我不能使用预先计算的负边距。

问题是，怎样才能达到这样的效果呢？我宁愿不使用 javascript 来正确对齐它们，但担心这可能是唯一的解决方案。

Answer 1

使用 css 属性

right:0;
top:20px; # or whatever height from the top of the parent
position:absolute;

在子菜单 ul 上

position:relative;

，也可能在父菜单 li 上使用。