IE11打印網站在每頁底部丟失線條

Question

我有一個Web應用程序，它顯示一個網格和一個帶有圖例的圖表。該應用程序能夠僅打印彙總圖表或帶有網格數據的圖表。網格數據然後被解析成html的一個很好的可打印格式，而不是它所在的表格。

當試圖打印這個時，我在Chrome中得到完美的結果。但是IE11在每個頁面的底部都會關閉。這幾乎就像它試圖切斷文本。大約2-3行文字將被切斷，原因不明。截止金額似乎取決於它在一個div內的位置。例如，如果它在標題中被切斷，它將只是一行。如果它在內框中間切斷，那麼它會將所有內容切掉到該框的末尾，並移動到下一頁的下一部分。

IE11：

鉻：

事情我已經嘗試：

1. 刪除所有浮動顯示inline-block的
2. 確信過低總是可見
3. 在打印預覽中更改邊距IE11
4. 完全刪除所有樣式，並且仍然有文本截斷。

任何幫助將不勝感激。

Answer 1

因此，我花了幾天的時間，慢慢地剝去了一切。看起來，我有一個元素鏈上的某個地方，甚至沒有提供的HTML位置：絕對。我只是補充說：

@media print{ 
    *{ 
     float:none!important; 
     position:static!important; 
    } 
} 

和一切工作。

浮動和絕對位置絕對明顯地破壞在IE中打印。我建議絕對不要對頁面佈局使用絕對位置。