gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 14:57:19 25 4
gpt4 key购买 nike

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

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

更具体地说,表格的顶部必须贴在页眉的底部,表格的底部必须贴在页脚的顶部,我认为表格必须表现出一些流动性。有没有这样的事情。

有人能帮忙吗?

最佳答案

尝试以下操作:

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

关于html - 我想让表格固定在页眉和页脚之间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3340863/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com