@media print不打印当前页面

Posted 2021-05-04

我有两个组成部分

<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）。怎么解决？谢谢

答案

我这样修理它：

#div2 {
    position: relative;
  }