Css 如何创建一个100%宽度的表格,在表格本身而不是文档上显示滚动条

Css 如何创建一个100%宽度的表格,在表格本身而不是文档上显示滚动条,css,Css,如果我使用固定宽度和overflow:auto,那么我可以获得滚动条,但不能使用屏幕的可用宽度 如果我不使用宽度,那么表将使用所有可用宽度,但当浏览器窗口太窄时,会强制文档本身具有滚动条 我怎样才能两全其美?有没有非javascript解决方案 PS:我有没有提到这也需要在IE6中工作?:-) 澄清一下:表格是其容器宽度的100%(在本例中是表格单元格,但不要担心,我已经获得了官方许可),而不是浏览器宽度的100%。我希望它具有流畅的宽度和高度,但如果浏览器窗口太窄而无法容纳它,我希望表格具有滚

如果我使用固定宽度和overflow:auto,那么我可以获得滚动条,但不能使用屏幕的可用宽度

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

我怎样才能两全其美?有没有非javascript解决方案

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


澄清一下:表格是其容器宽度的100%(在本例中是表格单元格,但不要担心,我已经获得了官方许可),而不是浏览器宽度的100%。我希望它具有流畅的宽度和高度,但如果浏览器窗口太窄而无法容纳它,我希望表格具有滚动条,而不是文档

您可以尝试使用具有高度的div,并将表格放在该div内。该div将具有
溢出:auto

具有滚动条的表格与具有滚动条的主体有何不同?视觉上会发生什么变化?表格比文档小得多。我希望用户在表格中滚动,而不是滚动整个文档。我才意识到你为什么问。表格是一个容器的100%,而不是整个页面。为什么高度很重要?(我不知道行数,所以指定高度会很棘手)。我刚刚注意到“溢出”应用于容器DIV,因此与您的建议唯一不同的是高度。andybak:我假设如果没有指定的高度,DIV将根据其子对象的大小进行拉伸。如果不需要设置高度,请尝试
max height