IE11仅打印滚动弹出窗口的第一页

Question

我试图在屏幕上打印一长串元素。在IE中，仅打印第一页，其余元素被截断。在其他浏览器中，它按预期打印。这不是在iframe中，而是在弹出窗口中（绝对位于页面上）。另外值得注意的是，元素的长列表在弹出窗口中滚动<div>（因为列表太长而无法放在屏幕上）。

以下是我知道无法解决此问题的一些事情：

1. 从页面上的所有内容中删除绝对定位
2. 从页面中移除浮动
3. 将所有溢出属性设置为可见（或将其注释掉）
4. 从所有元素中删除所有高度属性

不幸的是，由于我不确定是什么导致了这个问题，因此我无法创建代码示例来复制问题，以便在此处提供调试工具。这是更大的Angular 2应用程序的一部分。

Answer 1

事实证明它绝对是绝对定位，但结合计算的页面高度。

应用程序的根组件具有计算的CSS高度，如calc（100vh - 200px）。用高度替换该高度：在组件的@print介质中自动删除位置：绝对从弹出窗口到实际工作。

作为旁注，我敢打赌，如果根组件任何固定高度，这个问题就会浮出水面，不一定只是计算出的高度。

总结：如果遇到这个问题，请留意固定高度的父元素与绝对定位结合使用。