私はメガドロップダウンメニューを作成しており、この構造を持っています
<li>
<div class="drop_div4">
<div class="child"> <----floated child
<div class="child"> <----floated child
<div class="child"> <----floated child
問題は、アクセス権に応じて、子 div を非表示にする必要があるため、drop_div4を自動的に展開できるようにしたいのですが、現在、幅を削除すると、すべての子 div が互いに下に表示されます。
drop_div4 divに追加しようとしoverflow:hidden,float:left
ましたが、うまくいきません
追加min-width
して、それが成長することを期待することも役に立ちません。
最後のdivとして追加<div style="clear:both">
しても役に立たない
親divの幅を削除して同じようにjsfiddleを設定しましたが、すべての子divが互いに下に表示されています。
すべての子 div が表示されているときにどのように見えるかを確認するには、.drop_div4クラスの width:550px のコメントを外してください。
原因が分からないので助かります。