在chrome新版本中打印隐藏部分的预览边距

Question

我已经展示了一些显示问题的截图...

问题:

我正在尝试使用只有表格打印此页面,如图所示,打开侧窗格我已将该侧窗格放入print-hidden并且它正在工作直到版本Google Chrome 46.0.2490.71但在css的下一次更新后无法正常工作.@media printmargin

目前我的谷歌Chrome版本是 48.0.2564.23

Sidepane页面:

新版本的chrome显示边距,如打印预览图像所示,此问题仅在Chrome浏览器中出现,它在所有其他浏览器中正常工作

Sidepane Page Print Priview:

没有Sidepane页面:

没有Sidepane页面打印Priview:

我不明白为什么新版本的chrome会占用print-hiddendiv的余量...... !!

重要的是它没有在chrome最新更新中工作,否则它很好.

如果有人在最​​新的chrome更新中发现了打印问题,请告诉我任何人都有解决方案.

您可以询问是否有任何问题需要了解我的问题.

谢谢...

尝试:

我试图给出负左边距但在这种情况下所有其他浏览器的打印预览都不合适

问题在GitHub上:

GitHub问题

Google Chrome论坛上的问题:

铬论坛问题

的jsfiddle:

小提琴

在JsFiddle我已经使用了css属性,margin-left但它在Chrome最新版本中没有工作47它在旧版本中运行良好,Google Chrome 46.0.2490.71但在下一次更新中它是其他浏览器中的大问题它正常工作非常顺利...

Answer 1

首先检查小提琴 https://jsfiddle.net/ceh185bw/11/

我做了两件事，

1-将打印放在底部

2-超越容器的边际

#sidebar {
    width: 200px!important;
    opacity: 1;
    position: fixed;
    border: 3px solid;
}
#main-container {
    margin-left: 200px!important;
    border: 3px solid;
}
@media print{
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print{
    display:none !important;
}
#main-container {
margin-left: 0px!important;
border:1px solid;
border: 3px solid;
}
#main-container {
    margin-left: 0px!important;
}
}