当桌子宽于容器时，如何让TD不忽略它的宽度？

Question

当桌子比其容器宽时，如何让TD不忽略它的宽度？这需要在IE7 + Chrome和FF中运行。我目前在所有浏览器中遇到问题。

请参阅：http://jsfiddle.net/jzaun/CJtUf/

HTML是：

  <table>
    <tr>
      <td>test</td>
      <td>test</td>
      ... Lots mote TDs ...
    </tr>
  </table>

CSS是：

table td { 
    border: 1px solid black; 
    width: 100px;
}

Answer 1

设置min-width：

似乎在小提琴中起作用：http://jsfiddle.net/CJtUf/2/

将其与max-width结合使用，您可以拥有固定宽度

小提琴：http://jsfiddle.net/CJtUf/3/

Answer 2

我知道你问过一段时间，但这对你有用。 我过去使用过类似的IE7修复程序，所以我确信这可以解决问题。 我担心我没有IE7来测试和IE10中的compat模式不会加载jsFiddle。

table td { 
border: 1px solid black; 
min-width: 100px;
width:auto !important;
width:100%;
}