使TBODY在Webkit浏览器中可以滚动
我意识到这个问题，但没有一个答案在Safari，Chrome等中起作用
接受的策略（如此处所示）是设置tbody高度和溢出属性，如下所示：
<table>
<thead>
<tr><th>This is the header and doesn't scroll</th></tr>
</thead>
<tbody style="height:100px; overflow:auto;">
<tr><td>content that scrolls</td></tr>
<tr><td>content that scrolls</td></tr>
<tr><td>content that scrolls</td></tr>
<tr><td>content that scrolls</td></tr>
<tr><td>content that scrolls</td></tr>
<tr><td>content that scrolls</td></tr>
<tr><td>content that scrolls</td></tr>
</tbody>
</table>
不幸的是，这在任何webkit浏览器中都不起作用。 有一个关于它的错误报告似乎并不是高优先级（报告为05年6月）。
所以我的问题是：是否有替代策略能够真正起作用？ 我已经尝试了两种表格的方法，但不可能保证标题将与内容对齐。 我是否必须等待Webkit来修复它？
这是一个工作示例：
http://www.imaputz.com/cssStuff/bigFourVersion.html
您必须将display：block添加到thead> tr和tbody
如果您有1列，则只能使用display：block样式。 如果您有多个数据列 - 包含多个字段 - 则显示：block显示为使所有数据列可滚动但位于第一列（在Firefox中也是如此 - 这是我知道的唯一浏览器，它不会很好地滚动）。 顺便提一句，在Firefox上 - 您可以使用overflow-x：hidden style来抑制水平滚动。
我意识到我提到的问题只发生在你没有为th和td元素指定宽度的情况下 - 如果你可以修复列宽，那么它就可以工作。 问题是我无法修复列宽。
试试这个页面的第一种方法，纯CSS与单个表格（表格中的2个div，并且该位置是绝对的）：http://www.cssplay.co.uk/menu/tablescroll.html似乎可以使用FF4 / IE9 / IE8除了IE7 / FF3.6之外。
链接地址: http://www.djcxy.com/p/88283.html