浏览器调整大小时CSS表崩溃

Question

我有一个使用css表设置样式的导航，以确保所有单元格均匀分布。我的问题是，当我调整浏览器大小时，导航向左折叠并且无法正常运行，任何想法？

HTML

<nav>
  <ul>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a></li>
  </ul>
</nav>

CSS

nav { width: 500px; overflow: hidden; }
nav ul { list-style: none; padding: 0; margin: 0; width: 100%; display: table; }
nav ul li { display: table-cell; }

http://jsfiddle.net/zbLwg/

更新

似乎我的一些javascript导致了这种冲突，抱歉浪费了任何时间试图帮我解决这个问题

Answer 1

也许你的意思是，如果你让浏览器真的很小，它就无法正常工作？导航的宽度为500px，因此如果将宽度设置为100％，ul将不会小于此值。

使用javascript或使用给定百分比设置相对于其父级的导航宽度。