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