0

私はそれが望むように動作するこの水平ナビゲーションを持っています: http://jsfiddle.net/rnSY4/

ウィンドウを小さくすると、メイン ナビゲーション項目が折りたたまれ、サブ ナビゲーションが押し下げられます。

サブ ナビ UL がメイン ナビ LI のいずれかの子である場合は、それを希望しますが、その方法がわかりません。私が見つけたすべての解決策にはposition: absolute、サブナビゲーションへの追加が含まれます。つまり、メインナビゲーションが折りたたまれたときに下に移動しません(サブナビゲーションの下にあるすべてのコンテンツも下に移動する必要があります)。

誰にも解決策がありますか？

4

1 に答える 1

2

親ULからoverflow:hiddenを削除し、トップレベルLIをposition:relativeに設定して（ドロップダウンがヘッダーではなくそれらに対して相対的に配置されるように）、ドロップダウンにスタイルを適用するだけです。

http://jsfiddle.net/rnSY4/1/

ブラウザ間のコンプライアンスのために、IE6 でドロップダウンを表示できるように、ホバー イベントを LI に追加する Javascript をロードする必要があります。

于 2012-08-23T22:41:24.950 に答える