ドロップダウンが常にその親の上に表示されるようにします。位置: 相対

Question

私は以下のようなことを達成しようとしています。

• コンテナには、クリックするとアクティブになり、各親の上に配置される一連のドロップダウン リストが含まれています。

私たちが直面している問題:

現在私が抱えている問題は、ドロップダウン メニューが親レベルの最上部に表示されるのではなく、コンテナー内に隠れていることです。

私が試したこと:

私はposition:absoluteを試してみましたが、リストを各親の上に置くのにうまく機能しました。

一方、オーバーフローしたドロップダウンは、ドロップダウン ラベルに従うのではなく、設定された場所に位置を保持します。

したがって、position:relative が必要です。

---

誰かこれについて説明してもらえますか?

＃＃＃助けてくれてありがとう。

http://jsfiddle.net/6r94bpof/

リーリー リーリー

Answer 1

HTML と CSS をコピーできなかったので、独自に作成しました。クエリと一致しない場合はお知らせください。調整させていただきます

リーリー リーリー