Html 嵌套列表上的自动宽度

我有一个嵌套列表，如：

<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>

这很有效

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

---

这不行

如果只希望它展开，请将“最小宽度”属性设置为固定值，如900px。保持自动宽度

---

我还没有检查您的整个菜单是如何工作的，但将最小宽度设置为.flyout.fourCol似乎只适用于整个菜单。

您需要在问题中实际解释您的问题，而不仅仅是链接到工作/不工作的JSFIDLE，任何适当的代码片段。你都有一种非凡的技能，可以注意到什么有效，什么无效，并说明它。我们也可以记下你的问题吗，先生？没有办法使这样的东西完全动态？@IllustoryDeveloper最小宽度上的固定值并不表示它是非动态的。它只是说在哪些边界之间可以是动态的。不幸的是，这没有帮助，随着人们添加和删除链接，此列表的宽度将定期更改。那么，如果您将整个菜单的最小宽度设置为某个值，该怎么办。。。最小的肯定还有其他解决办法，但我不知道。

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