IE 列印異常

最近接到個比較陌生的問題，客戶想要直接透過瀏覽器的列印功能，去印下系統頁面，當內容頁數超過一頁以上時，在 IE 的預覽列印只能顯示第一頁(當然也只會印第一頁)，而其他瀏覽器則沒有這個問題。

問題

使用 IE 打開網頁時，若是網頁內容超過一頁以上，使用 IE 的列印功能，只能夠印出或預覽列印第一頁。

參考資料

如果內容長度超出一個頁面的標籤，其 style 有 position: absolute 時，就會出現這個狀況，所以可以算是 IE 對於 CSS 上面的 bug。

來源：Internet Explorer sometimes only prints the first page

解決方法

我的做法是用其他 position 取代 absolute，但是記得要 check 一下版型有沒有跑掉。

原為

<style>
#content {
    position: absolute;
    /* 其他 css */
}
</style>

<div id="content">
    一狗票好幾頁的內容
</div>

改為

<style>
#content {
    position: relative;
    /* 其他 css */
}
</style>

<div id="content">
    一狗票好幾頁的內容
</div>