CSS /菜单：如何定位元素右下方/元素旁边

目前下拉菜单看起来像

为了解决第一个问题，我可以添加一个margin-top给孩子ul来补偿p添加列表项http://jsfiddle.net/ADxne/1/

.horMenu > li > ul { 
    margin-top: 10px; 
}

但对于第二个问题没有一个固定的宽度列表或列表项目，是有办法的子菜单位置列表项的吧？或者是设置固定宽度的唯一方法？ http://jsfiddle.net/ADxne/2/

2011-01-08 Jiew Meng

您可以对.horMenu ul ul使用绝对定位，然后将其移至右侧。还要添加一个固定的宽度。因此，与该.horMenu ul ul以上将被修改为以下内容：

.horMenu ul ul { 
    left: 80px; 
    position: absolute; 
    top: 0; 
    width: 80px; 
}

检查一个活生生的例子：http://jsfiddle.net/ADxne/3/

2011-01-08 09:04:09 Sotiris

回答