入れ子リストに最小幅が必要ですか？

Question

私のようなネストされたリストを持っている：

<ul> 
    <li> 
     <a href="#" class="">Parent Links</a> 
     <!-- Flyoutwrapper is what expands when users hover over the parent links, the contents of flyoutwrapper will be changing, so I can not set a min-width or width --> 
     <div class="flyoutWrapper"> 
     <ul class="flyout fourCol"> 
      <li></li> 
      <li></li> 
     </ul> 
     </div> 
    </li> 
</ul> 

私は隣同士に浮かぶようにクラス=「フライアウトfourCol」のすべての李の内側をしたいです。列で。しかし、「flyout fourCol」の最小幅を900pxに設定しない限り、各li要素は前の要素よりも小さくなります。

これは私が私のドロップダウンが見えるようにしたいものです：あなたのケースでは（これは動作します）

#nav .flyout.fourCol { min-width:900px; } 

http://jsfiddle.net/t7esz/

#nav .flyout.fourCol { width:auto; } 

http://jsfiddle.net/sumcA/2/（これは動作しません！）

Answer 1

をはい、あなたの.flyoutサブメニューがその親から幅を継承しているため、あなたの「結婚式」liは、幅がではありません。 flyout divから幅を取り除いて「結婚式」の親に追加する場合liサブメニューは同じ幅を継承し、明示的に幅を指定する必要はありません。あなたの答えははいです。あなた自身の幅に合うようにサブメニューに幅を追加する必要があります。そうでなければ、親から継承されます。