1

私はメガドロップダウンメニューを作成しており、この構造を持っています

<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 のコメントを外してください。

原因が分からないので助かります。

4

0 に答える 0