html - 当正文中有动态数据时，如何将页脚放在LAST页面的底部

我正在尝试创建一个报告，该报告要求页脚必须放在最后一页的底部。报表主体基于从数据库返回多少记录来动态加载。该报告可以是1页或更多。

我尝试使用粘性页脚，可以在网站上查看HTML，但是报告的长度大于1页并且在查看打印预览屏幕时，页脚与报告的正文和页脚重叠保留在首页上，而不是移至最后一页。

有没有人知道在创建可打印屏幕时将页脚放置在最后一页底部的方式，该屏幕的格式正确，用户无需使用粘性页脚即可进行打印。

当有多个页面要打印时，我实现的粘性页脚在打印预览屏幕中无法正确显示。

最佳答案

的CSS

#sticky-footer
{
    position: fixed;
    bottom: 0px;
}
@media print
{
    #sticky-footer
    {
        position: static;
        bottom: auto;
    }
}

的HTML

<div id="report-content">...</div>
<div id="sticky-footer">...</div>

关于html - 当正文中有动态数据时，如何将页脚放在LAST页面的底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14714248/