Html 打印:可见性:无元素以某种方式占用空间并导致空页

Html 打印:可见性:无元素以某种方式占用空间并导致空页,html,css,printing,Html,Css,Printing,我有一个带有打印按钮的网页 onClick="window.print()" 我有一个css样式表,它隐藏了使用display:none打印时不应该显示的所有元素。例如: @media print { .gf-menu {display:none;} } 实际内容只占用一页空间。边栏占了3页的空间什么,这是一个很大的边栏,苏我。打印显示时不显示边栏:无;,但它似乎仍然占据了空间 结果是我有1页的内容和2页的空白。我如何删除该空间? 我试图在打印时手动设置机身高度,但并没有效果。我有没有办法删

我有一个带有打印按钮的网页

onClick="window.print()"
我有一个css样式表,它隐藏了使用display:none打印时不应该显示的所有元素。例如:

@media print
{
.gf-menu {display:none;}
}
实际内容只占用一页空间。边栏占了3页的空间什么,这是一个很大的边栏,苏我。打印显示时不显示边栏:无;,但它似乎仍然占据了空间

结果是我有1页的内容和2页的空白。我如何删除该空间? 我试图在打印时手动设置机身高度,但并没有效果。我有没有办法删除/阻止多余的页面