Question

我创建了一个包含三个部分的HTML页面。顶部有一个标题，中间有两个表格，底部有一个页脚。所有这三个都定义为三个div。使用css属性（top:0px; position:fixed;）将标题固定在顶部，同样使用css属性（bottom:0px; position:fixed;）将页脚固定在底部。

在所有条件下，必须将表格固定在页眉和页脚之间，即当浏览器放大或缩小时，必须在页眉和页脚之间修复表格。

更具体地说，桌子的顶部必须坚持在标题的底部，并且桌子的底部必须坚持在页脚的顶部，我认为桌子必须展示一些流体属性。有没有这样的事情。

有人可以帮忙吗？

Answer 1

尝试以下方法：

<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>

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

1 个答案: