div里面的宽桌子 - 不伸展

Question

当子表宽度超出页面宽度时，我希望父div可以伸展。

最好的css解决方案是什么？

Answer 1

将div设置为display: inline-block似乎可以解决问题。

Answer 2

您也可以使用display: table;。 （DIV）

Answer 3

在我的情况下（XHTML transitional 1.0 doctype）我有像

这样的结构

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

正如我在CSS规则中发现的，表格有

table-layout: fixed;

当我删除此规则时，一切都已修复。