带有固定标题的 HTML 表格

Question

我创建了一个 HTMl 页面，其中包含三个部分，页眉、页脚和一个位于页眉和页脚之间的表格部分。页眉和页脚使用 css 固定在顶部和底部（顶部：0px；底部:0px;) 具有特定高度。

这三个都在 divs 中定义。可滚动的表格必须固定在页眉和页脚之间，即当我们放大和缩小时，表格必须在页眉和页脚之间伸展。

谁能帮忙？

Answer 1

创建一个放置在您想要的位置的 div。听起来 div 需要绝对定位。 （例如，如果页脚高 30 像素，则需要底部：31 像素。）您可能希望将边框放在此 div 上。将 div 设置为溢出，以便滚动条在 div 上，而不是在表格上。

然后把表格放到div里面，给它宽度：100%。

如果内容不多，在表格上设置高度可能会导致行变得非常高。这是在表格外使用 div 的原因之一。