html - 如何使 DIV 宽度灵活到视口(viewport)的宽度

Question

我有一个包含在 div 中的表格。

我的两个要求:

1. 容器 div 的宽度应与其包含的表格一样宽。
2. 容器 div 最多只能与视口(viewport)一样宽(使用 using overflow-x: scroll 来查看整个表格。

我可以使用display: table、display: inline-block 或display: inline-table 实现第一个要求。

我可以通过 display: block 实现第二个要求。

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

这是我的 fiddle :http://jsfiddle.net/5VBPm/

Answer 1

放置 display: inline-block 将满足容器 div 并留下 overflow-x: scroll。我在这里 fork 了你的 fiddle http://jsfiddle.net/khcQZ/

除了您拥有的 div 之外，您是否还在使用任何其他包含 div 的内容？