我有一个包含在 div 中的表格。
我的两个要求:
- 容器 div 的宽度应与其包含的表格一样宽。
- 容器 div 最多只能与视口(viewport)一样宽(使用
using overflow-x: scroll来查看整个表格。
我可以使用display: table、display: inline-block 或display: inline-table 实现第一个要求。
我可以通过 display: block 实现第二个要求。
我看不出同时满足这两个要求。我已经尝试了 CSS3 中可用的每个显示选项，但没有一个能产生我所看到的结果。甚至可以不使用 javascript 吗？
这是我的 fiddle :http://jsfiddle.net/5VBPm/
最佳答案
放置 display: inline-block 将满足容器 div 并留下 overflow-x: scroll。我在这里 fork 了你的 fiddle http://jsfiddle.net/khcQZ/
除了您拥有的 div 之外，您是否还在使用任何其他包含 div 的内容？
关于html - 如何使 DIV 宽度灵活到视口(viewport)的宽度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19015154/