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/