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

Question

这是一个jsFiddle来帮助解释。

正如您在:hover Top1 > Sub1时看到的那样，Subsub1和Subsub2出现在 Submenu 的右侧，但在 Subsub1 的下方。

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

有什么解决办法吗？

score 2 · Accepted Answer

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

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

#container {
    position:relative;
}

并将边距顶部更改为顶部：0；

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

1 回答 1