html - 左对齐 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;

在子菜单 ul 上，并且可能

position:relative;

在父 li 上。