如何强制div伸展以适应其内容而不是制作滚动条?

时间:2011-09-01 08:06:23

标签: css html overflow

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

小提琴来说明问题:http://jsfiddle.net/SG8T9/3

感谢您的帮助

2 个答案:

答案 0 :(得分:6)

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

来自该页面:

  

根据规范...某些与'可见'的组合是不可能的:如果一个被指定为'可见'而另一个是'滚动'或'自动',那么'可见'被设置为'自动' ....

因此overflow-x: visible变为overflow-x: auto

也许你可以让容器足够宽以容纳内容,所以它不必溢出。

答案 1 :(得分:0)

您不能为div定义宽度,否则无论overflow-x设置如何,它都不会溢出该宽度。而是使用min-width和max-width设置扩展值,然后overflow-x:visible;应该可以正常工作。

这是一个小提琴:http://jsfiddle.net/shanethehat/SG8T9/

请注意,定义的最大宽度必须至少与内容的宽度加上垂直滚动条的宽度一样大。