2010-11-03 49 views
0

如果我使用固定宽度和溢出:auto,那么我可以获取滚动条,但是我无法使用屏幕的可用宽度。如何创建一个显示滚动条本身而不是文档上的滚动条的100%宽度表

如果我没有使用宽度,那么表格会使用所有可用的宽度,但是当浏览器窗口太窄时强制文档本身具有滚动条。

我该如何获得两全其美?有没有非JavaScript解决方案?

PS我有没有提到这需要在IE6中工作吗? :-)

澄清:该表是它的容器宽度的100%(在这种情况下表格单元格,但不用担心 - 我有一个官方许可证),而不是100%的浏览器宽度。我希望它具有流体宽度和高度,但如果浏览器窗口太窄而不能包含它,我希望表格具有滚动条而不是文档。

+0

具有滚动条的表如何与具有滚动条的主体不同?什么会改变视觉? – 2010-11-03 10:41:59

+0

该表格比文档小得多。我希望用户在表格中滚动,而不是滚动整个文档。 – 2010-11-03 10:54:59

+0

啊。我刚刚意识到你问为什么。该表是100%的容器 - 不是整个页面。 – 2010-11-03 11:14:56

回答

1

你可以尝试使用一个div,并将其放在div中。该div将有overflow: auto

+0

为什么身高很重要? (我不知道行数,所以指定高度会很棘手)。我刚刚注意到'溢出'适用于容器DIV,因此与您的建议唯一的区别在于高度。 – 2010-11-03 10:53:53

+0

andybak:我假设没有指定高度,div将根据孩子的尺寸进行拉伸。如果你不想要一个高度,请尝试max-height。 – 2010-11-03 12:34:58