纯 CSS 锁定表头 - 具有垂直和水平滚动条的可变宽度和高度

Question

是否有一种纯 CSS 方法可以将标题锁定在 thead 元素中，同时让整个表格的宽度可变，并且表格内容可以垂直和水平滚动？

我找到了这个解决方案，但是列是固定宽度的，而表格是固定宽度的，并且没有水平滚动条：

http://www.imaputz.com/cssStuff/bigFourVersion.html

我找到了这个解决方案，几乎完美，除了不能水平滚动表格内容：

http://salzerdesign.com/test/fixedTable.html

是否有任何解决方案仅使用 CSS 使单个表格可以垂直和水平滚动并且不需要列和表格的固定宽度？

Answer 1

您是否查看过您提供的示例中的代码？对第二个示例稍作修改将适合您的需要。它不完全是一张桌子，“头”实际上是一个看起来像一个的 div，而桌子的其余部分被包裹在另一个 div 中并溢出。您可以设置此 div 的大小，然后将表格设置为您想要的大小。只需相应地设置溢出即可。