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

Question

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

顶级（鼠标悬停这似乎）

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

当你将鼠标悬停在第二层上方，第三层出现在其下方，我如何定位它，使其每次位于旁边？谢谢:)

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

Answer 1

我在CSS中使用此代码更新的jsfiddle

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

它在这里：http://jsfiddle.net/YgYtL/16/

Answer 2

目标从第二等级要素的左侧，这应该是你的第二个级别下拉的整个宽度，像这样的第三级下拉和位置正好是100％：

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

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