@media打印不打印当前页面

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