gpt4 book ai didi

html - 表 : Scrollable tbody, 固定脚

转载 作者:行者123 更新时间:2023-11-28 18:01:05 28 4
gpt4 key购买 nike

我正在尝试在我的表结构中创建一个 tfoot 元素,我希望它固定在底部,而 tbody 保持可滚动。我已经阅读了各种相关的问题和答案,而且大多数似乎都使用了嵌套表

虽然有人可能会争辩说“什么都行是你应该使用的任何东西”,使用嵌套表格感觉(可能只有我)是一种完全错误的方法,而且我对标记的了解很少。对于这样的用例,是否没有更多“理智”的解决方案?

最佳答案

根据您的需要尝试其中一段代码。

如果您需要页脚始终位于底部的网页:

<body>
<div style="padding-bottom:60px;">
<!--main content here-->
</div>
<div style="position:fixed;width:100%;height:60px;left:0;bottom:0;">
<!--footer content here-->
</div>
</body>

如果你在某处需要自定义 block :

<div style="position:relative;width:600px;height:400px">
<div style="padding-bottom:60px;">
<!--main content here-->
</div>
<div style="position:absolute;width:100%;height:60px;left:0;bottom:0;">
<!--footer content here-->
</div>
</div>

示例中的页脚高度为 60px - 实际上可以是任何值。使用 CSS 文件作为样式(为了更好的解释,我写了 inline)。

此外,我不建议使用嵌套表格。是的,您可以将大锤用作胡桃夹子,但效果不佳。

关于html - 表 : Scrollable tbody, 固定脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20418951/

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