Question

我有一张桌子：

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

并且浏览器将它放在当前窗口中，我认为它的宽度比例。我希望桌子具有真正的宽度，以便在必要时滚动窗口。

Answer 1

我不知道为什么表会这样表现 - 对于任何能够深入解释为什么td s上的宽度被覆盖的人来说，对我赞不绝口。

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

<table style="width: 3400px">

或者，将一个3200px宽的元素放入td似乎也可以正常工作：

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

Answer 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>

表应该有实际宽度

2 个答案: