html - 具有固定标题的 div 表

标签 html css css-position css-tables

我正在尝试仅使用 div 来实现一个表格,同时将标题设置为固定位置,以便我们可以上下滚动并且标题始终可见。

在我开始实现固定表头之前,假表工作得很好:

FIDDLE

但是当我设置 position: fixed 时,页眉或正文的大小会发生变化。

最佳答案

你可以试试 using position:sticky ,但这有 not very good browser support .或者,您可以在标题中添加一个底边距,该底边距恰好是它包含的单元格的高度。

关于html - 具有固定标题的 div 表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28434566/

相关文章:

html - 如何在页脚中并排放置两个图标(图像)?

javascript - 强制带 % 宽度的 strip 像没有空格的选取框一样移动

html - Bootstrap 模式页脚 css

滚动时 CSS 位置修复了 chrome 中的奇怪渲染

html - 相关网站布局不适用于段落

html - 如何为背景图像添加彩色 Angular ?

Javascript 从 url 中删除符号 "amp;"

html - 容器的边框在图像溢出的一侧不可见

html - 如何在没有绝对定位的情况下适应 100% 宽度的元素?

html - FireFox 中 iFrame 高度问题的修复方法是什么?