左对齐CSS下拉列表

时间:2009-12-12 14:43:04

标签: html css drop-down-menu suckerfish

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

问题是菜单在页面上是右对齐的,因此我需要将下拉菜单向左推,如图所示,将它们保留在页面中:

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

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

问题是,如何实现这种效果?我宁愿不使用javascript正确对齐它们,但担心它可能是唯一的解决方案。

1 个答案:

答案 0 :(得分:4)

使用css属性

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

在子菜单ul上,可能还有

position:relative;

在父母李。