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

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

问题: 我试图只使用表格打印此页面，如打开侧窗格的图像所示，我已将侧窗格放入

打印隐藏
，它一直工作到
谷歌Chrome 46.0.2490.71版本，但在
打印
css下一次更新之后
margin
不工作

目前我的Google Chrome版本是
48.0.2564.23

侧窗格页面：

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

侧窗格页面打印权限：

没有侧窗格页面：

没有侧窗格页面打印权限：

我不明白为什么新版chrome需要
print hidden
div的边距

重要的是，它在chrome最新更新中不起作用，否则就没问题了。

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

如果你有任何问题想了解我的问题，你可以问

谢谢你

尝试：
我试图给负左边距，但在这种情况下，所有其他浏览器的打印预览是不正确的

关于GitHub的问题：

谷歌Chrome论坛发布：

JsFiddle：

在JSFIDLE中，我使用了css属性
左边距
，但它在chrome 47之后的最新版本中不起作用，在Google chrome 46.0.2490.71之前的较旧版本中工作正常，但在下一次更新中，它是其他浏览器中的一个大问题，它像往常一样工作非常顺利…
css

1） 媒体打印应该在最后
2） 您错误地在代码中的“显示：无”之后添加了逗号

@media print{
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print{display:none !important},
#main-container {
    margin-left: 0px!important;
}
}

正确的CSS应该是：

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

首先检查小提琴

我做了两件事

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

你正在使用的主题看起来很别致，所以我猜在折叠和显示侧边栏时会有一个过渡

如果是这种情况，则可在此处找到解决方案：

简而言之：通过应用禁用打印样式表（media=“print”）中所有元素上的所有转换

* {
  -webkit-transition: none !important;
  transition: none !important;
}

…或在常规样式表中用“@media print”包装

在打印样式中，您将侧边栏的宽度设置为0px，但Chrome在拍摄打印快照时几乎没有开始设置宽度动画（由于过渡），因此：边距仍然可见
 不确定我是否正确理解你。你的意思是“侧窗格”有“打印隐藏”类，但它占用了页面空间吗？检查@print print hidden类选择器是否具有“display:none”属性，因为“visibility:hidden”不显示它，而是像渲染一样占用空间。@miguel svq，即使我给出
左边距：-200px在@media print中，然后它在其他浏览器的chrome中不工作该@media print工作正常。。。！！请发布您已完成的代码或提供一个演示。@SagarNaliyapara检查我在Chrome v 47.0.2526.106 m中检查过，它可以工作。@SagarNaliyapara您解决问题了吗？它是如何在Q或其他方式上工作的？工作到47版本但不在Chrome的48 beta版本工作到47版本但不在Chrome的48 beta版本编辑小提琴缺少
chrom beta无人使用。。。您不能自动更新它。。。。查看使用48它的测试版有问题，但我的解决方案工作…+现在关注46这是最常用的。有用的答案，但不是全局解决方案这不是全局性的，因为他的问题更多的是关于他预定义的属性的过度使用