左对齐 CSS 下拉菜单

Question

我有一个网站，使用 Suckerfish 和 <ul><li> 构造创建菜单的下拉菜单形式，您通常使用 2 级导航。

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

Dropdown http://piestar.net/share/sample-dropdown.png

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

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

Answer 1

使用 css 属性

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

在子菜单上，并且可能

position:relative;

在父 li 上。