表格应该有实际宽度答案

【问题标题】：Table should have real width表格应该有实际宽度
【发布时间】：2011-07-25 07:37:01
【问题描述】：

我有一张桌子：

<table border="1px">
    <tr>
        <td style="width:200px">td1</td>
        <td style="width:3200px">td2</td>
    </tr>
</table>

并且浏览器适合它在当前窗口中，我认为它的宽度比例。我希望表格具有实际宽度，以便窗口在必要时滚动。

【问题讨论】：

标签： html html-table width

【解决方案1】：

我不知道为什么表格会这样 - 任何可以深入解释为什么 tds 上的宽度会被覆盖的人都向我投赞成票。

最简单的解决方法是为 table 元素提供复合宽度：

<table style="width: 3400px">

或者，将 3200px 宽的元素放入 td 似乎也可以：

<td style="width:3200px"><div style="width: 3200px">&nbsp;</div></td>

【讨论】：

太好了，嵌套 div 的想法实现了我的目标。

【解决方案2】：

当表格不再溢出时，TD 宽度始终被解释为相对于整个表格宽度的百分比。除非设置了明确的宽度，否则表格不会溢出水平边缘。

<table border="1px" width="3400px"> <!--The page will overflow if the table width is greater -->
  <tr>
   <td style="width:200px">td1</td>
   <td>td2</td> <!--The width of this cell will be whatever 3400-200 is. (i.e. 3200) -->
  </tr>
</table>

【讨论】：

溢出：滚动似乎不起作用。我无法设置明确的宽度，是否有解决方法？
@Jan-Frederik Carl 我的第一个想法是编写一个脚本，根据单元格宽度值的总和来设置表格的宽度值。