IE11打印网站的每一页底部都有几行

Question

我有一个Web应用程序，显示带有图例的网格和图表。 该应用程序能够仅打印摘要图表或带有网格数据的图表。 然后，将网格数据解析为html而不是其所在表格的漂亮可打印格式。

当尝试打印此图像时，我当然会在chrome中获得完美的结果。 但是IE11在每一页的底部都没有内容。 几乎就像它试图切断文本一样。 没有明显的原因，大约2-3行文字将被剪切掉。 临界值似乎取决于它在div中的位置。 例如，如果标题被切掉，那将只是一行。 如果它在内部框的中间截断，则它将在该框的末尾截断所有内容，并移至下一页的下一部分。

IE11：

铬：

我已经尝试过的事情：

1. 删除了所有浮动显示内联块
2. 确保过低总是可见的
3. 更改IE11的打印预览中的边距
4. 完全删除了所有样式，文本仍然存在中断。

任何帮助将不胜感激。

Answer 1

所以花了我几天时间，然后慢慢剥离所有东西。 似乎我在链的某个位置上只有一个元素，甚至在所显示的html中也没有位置：绝对。 我刚刚添加：

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

一切正常。

浮点数和位置绝对值显然会破坏IE中的打印效果。 我建议不要在页面布局中使用绝对位置。