我有一个网站,通常使用Suckerfish和<ul><li>
构造下拉形式的2级导航来创建菜单。
问题是菜单在页面上是右对齐的,因此我需要将下拉菜单向左推,如图所示,将它们保留在页面中:
Dropdown http://piestar.net/share/sample-dropdown.png
如果顶级菜单选项卡的大小相同,则不会出现问题,但它们的宽度可变,因此我无法使用预先计算的负边距。
问题是,如何实现这种效果?我宁愿不使用javascript正确对齐它们,但担心它可能是唯一的解决方案。
答案 0 :(得分:4)
使用css属性
right:0;
top:20px; # or whatever height from the top of the parent
position:absolute;
在子菜单ul上,可能还有
position:relative;
在父母李。