Question

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

虽然有人可能会说“无论如何工作是你应该使用的任何东西“，使用嵌套表感觉（可能只是我）就像一个错误的方法，并反对我学到的关于标记的一点点。对于像这样的用例，还没有更“理智”的解决方案吗？

Answer 1

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

如果您需要一个页脚始终位于底部的网页：

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

如果你需要某个地方的自定义块：

<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文件（为了更好的解释，我写了内联）。

此外，不建议使用嵌套表格。是的，你可以使用大锤作为胡桃夹子，但它不会有效。

表：可滚动的tbody，固定的脚

1 个答案: