如何使DIV宽度灵活到视口的宽度

Question

我有一个div包含的表。

我的两个要求：

1. 容器div应该只与它包含的表格一样宽。
2. 最多，容器div应该只与视口一样宽（使用using overflow-x: scroll来查看整个表格。

我可以通过display: table，display: inline-block或display: inline-table达到第一个要求。

我可以使用display: block来实现第二个要求。

我看不出这两个要求。我已经尝试了CSS3中可用的每个显示选项，但没有一个产生我看到的结果。甚至可以不使用javascript吗？

这是我的小提琴：http://jsfiddle.net/5VBPm/

Answer 1

将display: inline-block放入容器div并离开overflow-x: scroll就足够了。我在这里分叉你的小提琴http://jsfiddle.net/khcQZ/

您是否正在使用除div以外的任何其他div？