如何修复网页中的顶行和第一列，仅使用CSS

Question

我正在构建一个类似于下图中的网页。网页中的表是使用浮动div构建的，列数和行数是可变的。

现在，问题是：我希望能够滚动网页，同时保持顶行（X，Y，Z，W，...）和第一列（A，B，C，D，E， F，...）始终可见。我怎样才能做到这一点？是否可以只使用CSS（最好）？或者我必须使用Javascript吗？

Answer 1

是的，你可以。在要始终可见的元素上使用“position：fixed”。

Answer 2

使用iFrame？ 或者有一个包含所有内容的div并添加overflow:scroll。顶部和侧面div可以保持静止。

Answer 3

查看datatables.net，jquery插件具有固定标题和固定列功能

固定列 - 有几个选项，请参阅页面底部的示例链接 http://datatables.net/release-datatables/extras/FixedColumns/index.html

固定标头 http://datatables.net/extras/fixedheader/

Answer 4

仅使用CSS是不可能的。