Широкий стол внутри div - div не растягивается

Question

Я хочу, чтобы родительский div растягивался, когда ширина дочерней таблицы превышает ширину страницы.

что будет лучшим решением для CSS?

Answer 1

Установка div на display: inline-block, кажется, делает свое дело.

Answer 2

Вы также можете использовать display: table;. (ДИВ)

Answer 3

В моем случае (XHTML переходный 1.0 doctype) у меня была структура как

<div>
 <table>
  <tr>
   <td>
     <img width="1800px" height="600px" />
   </td>
  </tr>
 </table>
</div>

Как я обнаружил в правилах CSS, таблица имела

table-layout: fixed;

Когда я удалил это правило, все исправилось.