1

サブメニューの第 2 レベルは、第 1 レベルのサブメニューの第 1 要素の隣に配置されます。第 2 レベルのサブメニュー要素が少ない第 1 サブメニューの下位要素の場合、ユーザーはマウスオーバーのために新しい第 2 レベルのサブメニューにナビゲートできません。 .

すべての第 1 サブメニューの選択された要素の隣に第 2 レベルのサブメニューを配置するにはどうすればよいですか?

JSFiddle は次のとおりです。要素を確認し、サブメニューに移動してみてください: メモリ デバイス、プリンター、ラップトップ バッグ、プロジェクターなど。

HTML

Code too large to be displayed here. Check JSFiddle

ありがとう！

4

1 に答える 1

2

このルールを追加するだけです:

.dropdown-menu > li { position: relative; }

必要なのは、最初のレベルのサブメニューであり、次のレベルがそのトップをposition: relative定義するときに、直接の親のトップになります。position: absolute; top: 0;

于 2013-03-15T18:19:08.960 に答える