css - 画面の大きさに関係なく、サブナビを配置する方法は?

Question

http://www.wargameoutfit.com/nav/33.html

ナビゲーション フォント「Two/Three/Four」にマウスを合わせると、メイン メニューの下にサブナビゲーションが表示されます。

#nav li ul { padding-left }固定値に設定することも、その値をパーセント値に設定することもありません。画面を下に移動すると、サブナビゲーションの位置がどんどん左から離れていくのはなぜですか?

Answer 1

ここで犯されている間違いは、ドロップ メニューにはブラウザー ウィンドウ以外の配置コンテキストがないことです。つまりposition: absolute、ドロップ メニューの親要素には位置が設定されていないため、ブラウザー ウィンドウに関連して設定されます。これを変更するposition: relativeには、メニューの最上位リスト項目に追加します。配置された要素は、配置された親要素が存在しない場合は、最も近い配置された親要素に関連して配置されます。ブラウザのビューポートに関連して配置されます。