定位第3级下拉菜单

Question

我在设计CSS下拉菜单的第3级时遇到了问题。

我在这里有一个小工具向你展示：http://jsfiddle.net/HdFaV/

如您所见，第一个菜单项A及其子级别能够很好地定位（忽略第3级与第2级菜单项的重叠）。 但是，如果您尝试第二个菜单项XXXXXXXX的第3级，它将错误地定位。

据我所知，问题是由于下面的代码留下了边距

/* level 3+ list */
#nav ul ul
{
    margin-left: 50px;
    top: 0px;
}

无论如何根据第二级菜单项的宽度是多长时间自动设置左边距？或者我是否必须手动为每一个设置左边距？ 如：

#nav ul ul:nth-child(1)
{
....
}

依旧......？

感谢您的帮助！

b0ssY

Answer 1

#nav ul ul
{
    left:100%;
    top:0;
}

使用100％定位代替使用左边距，这将计算更高列表项的宽度。