HTML，CSS：具有固定页脚的可滚动表

Question

我有一个很长的桌子，我不想全长显示，因为它下面的页脚和其他元素只有在向下滚动很长时才显示。

如何指定页眉，页脚和其他元素，然后让表格填满剩余的高度？

到目前为止，我正在使用flexbox将可用空间分配给表包装器，但是表格内容以全长显示，页脚被按下。

我还尝试将overflow: auto;嵌套到overflow: hidden;中，但它根本不可滚动。

提前致谢。

Answer 1

您必须将页脚元素的css规范设置为position: fixed;如果要修复标题，请将标题css规范设置为position: fixed;

Answer 2

只需在你的页脚css中使用 position：fixed ...如果你想要滚动，那么使用css overflow：scroll; 如果你想隐藏你的滚动条然后页面使用 overflow：hidden;

Answer 3

您是否看过https://www.w3schools.com/css/css_positioning.asp指南？

只需在CSS中使用footer{ position:fixed }作为页脚以及其他样式代码。

  

position: fixed;的元素相对于。profundidadePinca   视口，这意味着它总是停留在同一个地方，即使它   页面滚动。使用了top，right，bottom和left属性   定位元素。固定元素不会留下间隙   通常位于的页面。   （正如w3schools中提到的那样）。

希望你能得到解决方案。