html - 如何使 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

putdisplay: inline-block足以满足容器 div 并离开overflow-x: scroll. 我在这里叉了你的小提琴http://jsfiddle.net/khcQZ/

您是否使用除您拥有的 div 之外的任何其他包含 div？