Таблица должна иметь реальную ширину

Question

У меня есть таблица:

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

, и браузер помещает ее в текущее окно, я думаю, в пропорциях ширины.Мне бы хотелось, чтобы таблица имела реальную ширину, чтобы при необходимости окно прокручивалось.

Answer 1

Ширина 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>

Answer 2

Я не знаю, почему таблица ведет себя так - от меня голосуют за любого, кто может подробно объяснить, почему ширина на td s переопределяется.

Самый простой способ обойти этодавая элементу table составную ширину:

<table style="width: 3400px">

альтернативно, добавление элемента шириной 3200 пикселей в td, кажется, также работает:

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