IE9的打印页面上显示滚动条？答案

【问题标题】：Scroll bars showing on printed page in IE9?IE9的打印页面上显示滚动条？
【发布时间】：2011-07-12 21:49:00
【问题描述】：

我遇到了 IE9 在打印页面上显示水平滚动条的问题，即使页面内容完全适合。我已经尝试了几件事来在我的打印 css 中删除它们。有没有其他人遇到过这个问题并找到了解决方法？

【问题讨论】：

你试过溢出：隐藏吗？
是的。我还隐藏了页面上的所有内容，滚动条仍然出现。
这是在打印预览中还是在打印页面本身中？
你试过设置滚动条的样式吗？我的猜测是 IE 仍然支持.. 但是你确定你应用了溢出：隐藏到正确的元素吗？或者是在一个框架或什么的？可能是一个带有糟糕 css 的广告？
如果您提供当前问题的链接或屏幕截图，将会有很大帮助。

【解决方案1】：

在 JavaScript 函数 print 中的 body 标记上使用以下代码：

printWin.document.write(
  '<style>div {overflow: visible !important; height:auto !important;}</style>'
);

【讨论】：

【解决方案2】：

@media print{

    .dont-print
     {
        overflow:hidden;
     }

}

dont-print 只是一个我以前用过的类名，把它改成你需要的任何东西

【讨论】：

【解决方案3】：

我遇到了同样的问题。这是一个有趣的修复。将溢出属性定义为重要。有用。在 IE 上大声笑。

overflow:hidden !important;

【讨论】：

【解决方案4】：

过去我曾多次在 IE 上遇到过这个问题。通常是保证金问题。不同的浏览器计算边距的方式不同。你是如何定位元素的？您是否有围绕内容的固定宽度包装器，或者主体是否扩展到浏览器宽度？没有实际的 css 代码，确实很难查明问题。

我建议您删除所有负边距（IE 不喜欢这些），并检查您是否在不必要的元素上有任何右边距。

【讨论】：

【解决方案5】：

您确定设置了正确的样式表媒体类型吗？喜欢：

<link rel="stylesheet" href="print.css" type="text/css" media="print" />`

并在您的 print.css 中尝试以下操作：

html, body { overflow-x: hidden; }

【讨论】：