@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;
  }