我想让表格固定在页眉和页脚之间

发布于 2024-09-11 17:01:34 字数 357 浏览 2 评论 0原文

我创建了一个包含三个部分的 HTML 页面。顶部有一个页眉，中间有两个表格，底部有一个页脚。所有这三个都在三个 div 中定义。使用 css 属性 (top:0px; position:fixed;) 将页眉固定在顶部，同样，使用 css 属性将页脚固定在底部 (>底部：0px； 位置：固定；）。

在所有情况下，表格都必须固定在页眉和页脚之间，即当浏览器放大或缩小时，表格必须固定在页眉和页脚之间。

更具体地说，表格的顶部必须粘在页眉的底部，表格的底部必须粘在页脚的顶部，我认为表格必须表现出一定的流动性。有这样的事吗。

有人可以帮忙吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

路还长，别太狂 2024-09-18 17:01:34

请尝试以下操作：

<html>
<body style="height:100%;width100%;padding:0;margin:0">

<div style="position:fixed:top:0;width:100%;height:10%;background-color:red;">
    Header
</div>
<div style="position:fixed:top:10%;width:100%;height:80%;background-color:green;overflow:auto">
    <table>
      <tr><td>Table / Middle</td></tr>
   </table>
</div>
<div style="position:fixed:top:90%;width:100%;height:10%;background-color:blue;">
    Footer
</div>

</body>
</html>

Try the following:

<html>
<body style="height:100%;width100%;padding:0;margin:0">

<div style="position:fixed:top:0;width:100%;height:10%;background-color:red;">
    Header
</div>
<div style="position:fixed:top:10%;width:100%;height:80%;background-color:green;overflow:auto">
    <table>
      <tr><td>Table / Middle</td></tr>
   </table>
</div>
<div style="position:fixed:top:90%;width:100%;height:10%;background-color:blue;">
    Footer
</div>

</body>
</html>

回复收藏 0 原文

~没有更多了~