Html 如何使一个比屏幕大小更宽的表格可以滚动并保持标题行固定？

我有一个有两列的a，每列的宽度是800px。我想在800x50窗口中显示此表。所以应该有水平和垂直的滚动条来查看完整的表格

虽然我发现很少有相关的解决方案（和），但它们只有在表宽小于屏幕大小时才起作用。在我的例子中，屏幕大小是1200px，表的总宽度是1600px

我怎么能这样做？我想达到这样的目标

编辑 哎呀，我忘了再增加一个要求。很抱歉我希望在用户滚动表格时，表格的标题保持不变

EDIT2

我尝试了下面提到的解决方案，将其包装在一个div中，但在这种情况下，垂直滚动条不会出现。请参阅包装器div。似乎只有当表格宽度大于屏幕大小时才会出现此问题。我正在测试FF3.6

EDIT3

当前代码。这没有垂直滚动条，即使我可以垂直滚动

<div style="overflow:scroll; width:800px;height:50px" >
<table style="width:1600px" border="1">
  <thead>
    <tr>
        <th style="width:800px">id_1</th>
        <th style="width:800px">id_1</th>
    </tr>
  </thead>
  <tbody style="">
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
    <tr><td>1200</td><td>1200</td></tr>
  </tbody>
</table>
</div>

id_1
id_1
12001200
12001200
12001200
12001200
12001200
12001200

将您的表格放在宽度<800的div中，然后设置

溢出：滚动

您可以将表格包装在一个固定大小（800x50）的div中，然后设置

溢出：滚动

我不知道它是否有效，但是您是否尝试过为页面设置

最大宽度：100%

？

只需将

溢出：滚动

添加到表格元素的css中即可。顺便说一句，您的示例没有显示任何滚动。

如果您希望标题保持固定，只需执行一些css即可

#header {
  position:fixed;
  left:0;
  top:0;
}

---

很抱歉，800x50是一个无法使用的尺寸。仅滚动条就占据了大约20px的空间，这就剩下了大约30px的空间来使用。。。所以你要求你的用户一次滚动一到两行？确定你不是指800x500？这些都是假的数字，我只是想让这个表正常工作，然后相应地改变尺寸。@Vivin Palath：当表的长度大于屏幕大小时，我看不到垂直滚动。请看这个：当我打开滚动条时，它显示的很好。你是说窗户尺寸吗？如果表格大于窗口大小，则需要滚动整个页面以查看滚动条。我也看不到滚动条，但我相信那是因为你的高度太小了。试着把你的身高设为100px，这样就可以了。@Paul de Vrieze:修正了这个例子。现在它显示滚动，但只有水平。这个答案不起作用-它不会保持每列的列宽