css - 如何强制 div 拉伸(stretch)以适合其内容而不是制作滚动条？

Question

我的应用程序中有一个表格可能会长到荒谬的高度，所以我在它周围添加了一个包装器 div 并设置了 overflow-y: auto 以获得滚动条。不幸的是，这阻止了 div 拉伸(stretch)它的宽度。现在它有高度和宽度的滚动条。设置 overflow-x: visible 甚至不会影响结果。由于内容的宽度可变，因此我需要拉伸(stretch)宽度。

Fiddle 来说明问题:http://jsfiddle.net/SG8T9/3

感谢您的帮助

Answer 1

我不确定这是不是你的意思，但看看这里 http://www.brunildo.org/test/Overflowxy2.html

从那个页面:

According to the spec ... some combinations with ‘visible’ are not possible: if one is specified as ‘visible’ and the other is ‘scroll’ or ‘auto’, then ‘visible’ is set to ‘auto’ ....

所以 overflow-x: visible 变成了 overflow-x: auto。

也许您可以使容器足够宽以容纳内容，这样它就不会溢出。