火狐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：表示列宽由表格宽度和列宽度设定