-2

次のようなネストされたリストがあります。

<ul id="nav">
    <li id="" class="">
      <a href="http://site.com/wedding.html" class="">Wedding</a>

      <div class="flyoutWrapper" style="display:block;">
        <ul class="flyout fourCol">
          <li id="" class="">
     .....
          </li>
          <li></li>, etc
        </ul>
      </div>
    </li>
</ul>

class="flyout fourCol" 内のすべての li を隣り合わせにフロートさせたい。

これは、ドロップダウンを次のように表示したいものです。

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

http://jsfiddle.net/t7esz/ (これは動作します)

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

http://jsfiddle.net/sumcA/2/ (これは機能しません!)

4

1 に答える 1

0

展開するだけの場合は、min-widthプロパティを固定値（900pxなど）に設定します。width自動を維持します。

メニュー全体がどのように機能するかは調べていませんが、.flyout.fourColでその最小幅を設定すると、全体でしか機能しないようです。

于 2012-04-12T00:33:13.353 に答える