将页脚与打印的 HTML 页面的底部对齐？

Question

我有一个标准网站，并且在打印时（用于在 Safari OS X 上制作 PDF），我希望页脚与它所在的任何打印页面的底部对齐 - 即文档的最后一页.

像这样：

这可能吗？

我已使用媒体查询 (@media print { }) 来获取所有其他打印样式表详细信息（为简单起见不包括在内）。

Demo code is here;对于screen 页面本身，这里是 HTML：

<div id="footer">
    <p>A bunch of example stuff inside here...</p>
</div>

绝对定位：

#footer {
    color: #fff;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

Answer 1

有点旧，但答案肯定是使用 @page:last 选择器，但您还必须更改页脚的 CSS。

#footer { position: static; }

@page:last {
    @bottom-center { content:element(footer) }
}