Html 定位第三级下拉菜单

我在CSS中设计第三级下拉菜单时遇到问题

我这里有一把工作小提琴向你展示：

如您所见，第一个菜单项A及其子菜单项能够很好地定位（忽略第三个菜单项与第二个菜单项的重叠）。 但是，如果您尝试第二个菜单项XXXXXXXX的第三级，它的位置不正确

我理解问题是由于以下代码留下的空白

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

是否可以根据第二级菜单项的宽度自动设置左边距？或者我必须手动设置每一个的剩余边距吗？ 例如：

等等

谢谢你的帮助

b0ssY

不要使用左边距，而是使用100%定位，这将计算较高列表项的宽度

---

不要使用左边距，而是使用100%定位，这将计算较高列表项的宽度。

我不知道jQueryUI是否是一个选项，但他们的菜单会为您解决这一问题：这是否意味着只有jquery可以动态执行此操作（我不知道jQueryUI是否是一个选项，但他们的菜单会为您解决这个问题：这是否意味着只有jquery可以动态地完成它？：(

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

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