html - 如何将子子菜单对齐到子菜单的右侧？

Question

这是一个jsFiddle帮助解释。

如您所见，当您:hover Top1 > Sub1时，Subsub1 和Subsub2 出现在子菜单的右侧，但位于 Subsub1 的下方。

我尝试在 .ulmenuthird 处用 margin-top: -31px; 解决这个问题，如下所示 jsFiddle ，但这只是错误的代码，并没有给出最好的结果。 (有时子子菜单项的高度较高，有时高度较低)。

有什么解决办法吗？

Answer 1

嘿，我看过了，我希望这就是你要找的。

我在你有subsubs的subs周围添加了一个div

#container {
    position:relative;
}

并将margin-top改为top:0;

.ulmenuthird {
    display: none;
    position: absolute;
    left: 100%;
    right: auto;
    min-width: 10em;
    top: 0;
}

http://jsfiddle.net/p9wST/4/