嵌套列表上的自动宽度

Question

我有一个嵌套列表，如：

<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/（这不起作用！）

Answer 1

如果您只想展开它，请将min-width属性设置为固定值（如900px）。将width保持为自动。

我没有检查过你的整个菜单是如何工作的，但是在.flyout.fourCol上设置min-width似乎只适用于整个菜单。