在Chrome中打印会更改页面的布局

Question

在Chrome（仅限Chrome）中打印页面时出现布局错误。请注意，我已经使用了@media-print - 样式表，并且开发人员工具中的仿真工作正常。

标记基本上是一个Bootstrap Carousel。问题是图像+标题（即旋转木马的项目）位于它们应该的位置下方。图像顶部的条形图是两个div（.obscure-top / .obscure-bottom）中的一个，用于遮盖/遮盖图像的各个部分。他们处于正确的位置。

<article>
<header>…</header>
<div id="locations-carousel-wrapper" class="box">
    <div id="locations-carousel" class="carousel slide" data-ride="carousel">
        <!-- Wrapper for slides -->
        <div class="obscure-top"></div>
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <a class="modelLink" href="…">
                    <img src="…" alt=""/>
                    <div class="carousel-caption"></div>
                </a>
            </div>
        </div>
        <div class="obscure-bottom"></div>
        <a class="left carousel-control" … />
        <a class="right carousel-control" …/>
    </div>
</div>
<div class="box box-footer"></div>

对于@media-print - 样式表，该框绝对定位：

#locations-carousel-box {
    position: absolute;
    min-width: 260px;
    right: 15px;
    top: -280px;
}

把它拿到那里。其他所有内容都类似于“常规”页面，它可以在其他浏览器以及“打印仿真”中使用。只有在我真正想要打印页面时才会引入该问题。任何想法可能是什么原因？或者以任何方式调试这个？

Answer 1

问题已经消失。

由于我无法再现它，我认为Chrome更新修复了此问题（可能与pdfium相关）。