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/