【发布时间】：2021-08-30 13:13:12
【问题描述】：
我正在生成 PDF，内容是动态的。内容可能跨越 2 个页面，并且当它发生时，页脚与内容重叠。
我决定尝试使用以下方法
@page
{
margin-bottom: 150px;
}
这会将包括页脚在内的所有页面内容向上推 150 像素。我想知道是否有办法让页脚容器不受此底部边距的影响。
我基本上希望页脚填充页面底部的 150 像素间隙。如果我不使用这个边距，页脚只会与页面内容重叠，然后流到下一页，这就是问题所在。
灰色条是页脚，您可以看到文本与它重叠。此屏幕截图还应用了 margin-bottom，因此我想将页脚向下移动以填补该空白。
【问题讨论】：
-
你能提供一个小提琴或测试用例吗？
标签： html css pdf-generation