html - CSS多级下拉菜单位置下一级

Question

我想知道如何定位 CSS 下拉菜单（x 轴）。目前它看起来像这样：

顶级（您悬停并显示）

• 第二级
• 第二级（悬停）
• 第二级

当您将鼠标悬停在第二层上时，第三层出现在它的下方，我如何定位它，所以每次它都在侧面？谢谢 ：）

jsFiddle：http: //jsfiddle.net/YgYtL/

Answer 1

定位您的第三级下拉菜单并将其定位在距第二级元素左侧 100% 的位置，这应该是第二级下拉菜单的整个宽度，如下所示：

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

演示：http: //jsfiddle.net/YgYtL/24/

Answer 2

我已经用 css 中的这段代码更新了 jsFiddle

#navMenu ul li ul li:hover ul{
    top : 0;
    left : 100%;
}

这是：http: //jsfiddle.net/YgYtL/16/