html - CSS マルチレベル ドロップダウン メニューの次のレベルの位置

Question

cssドロップダウンをどのように配置できるか疑問に思っていました(x軸)。現時点では、次のようになっています。

最上位 (ホバーするとこれが表示されます)

• セカンドレベル
• 第 2 レベル (ホバー)
• セカンドレベル

2 番目のレベルにカーソルを合わせると、その下に 3 番目のレベルが表示されます。ありがとう ：）

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

Answer 1

次のように、第 3 レベルのドロップダウンをターゲットにして、第 2 レベルの要素の左から正確に 100% 配置します。これは、第 2 レベルのドロップダウンの幅全体である必要があります。

#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/