將頁腳對齊到打印的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) } 
}