Html 固定表头的div表

我试图实现一个只使用div的表，同时将标题设置为固定位置，这样我们就可以上下滚动，标题将始终可见

在我开始实现fixed header之前，假表一直运行良好：

但是当我设置

位置：fixed

时，标题或主体的大小会发生变化。

尝试：

.table {
    display: table;
    width: 80%;
    position: fixed;
}

---

你可以试一下，但这已经成功了。或者，您可以在页眉中添加一个边距底部，该底部正好是它所包含单元格的高度。

当您将其设置为

位置：fixed您可以将其从页面流中删除。最好的方法（或者至少是我发现的最好的方法）是克隆表，并使用
visibility:hidden隐藏克隆上除了头以外的所有内容，并将该表设置为固定位置。此外，还必须手动设置固定表的宽度。这可能不是最好的解决方案，但这只是一个开始：我不想强迫web具有固定的宽度或高度，我想要响应性设计你应该在你的文章中包含代码的相关部分。总有一天JSFIDLE链接可能会腐烂。我只想固定标题，但主体必须是可移动的。