将页脚对齐打印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) }
}