火狐table上的 overfllow问题

Question

现在有这么一个问题。
我的布局是这样的

<div style="width:100%;overfllow:hidden">
    <table style="width:2400px;">
        <tr>
          <th  style="width:100px;height:40px;">
          <th>
           <th  style="width:100px;height:40px;">
          <th>
           <th  style="width:100px;height:40px;">
          <th>
           <th  style="width:100px;height:40px;">
          <th>
          ....
        </tr>
      ......
    </table>
</div>

我的想法是里面是2400.外面是100%，所以会根据浏览器的宽度来进行自适应。里面的表格宽度是写死的。浏览器够宽的时候里面表格没有滚动条。当不够宽的时候出现滚动条。。。但是在火狐浏览器。。。他不理我的2400px；直接跟外层的100%le ......该怎么解决呢。

Answer 1

不知道题主是用的火狐那个版本哦，我用上面代码在火狐打开会出现滚动条，或者是受其他样式影响了。

如果不行可以在table上用table-layout: fixed：表示列宽由表格宽度和列宽度设定