html - @media print 不打印当前页面

Question

我有两个组件

<div id="div1">
  div1 content
</div>
<div id="div2">
  div2 content
</div>

风格是:

#div1{
  height: 1000px;
}

@media print {
  #div1{
    display: none;
  }
}

所以当我滚动到最底部(几页到 div2)并尝试打印 Ctrl+P 然后它不会在打印页上显示 div2 而只是空白页(假设只有第一个空白页被隐藏但没有 div2) .如何解决？谢谢

Answer 1

我是这样修复的:

#div2 {
    position: relative;
  }