在 Chrome 中打印会改变我的页面布局答案

【问题标题】：Printing in Chrome changes the layout of my page在 Chrome 中打印会改变我的页面布局
【发布时间】：2016-01-18 08:54:12
【问题描述】：

在 Chrome 中打印我的页面时出现布局错误（仅限 Chrome）。请注意，我已经在使用 @media-print-stylesheet 并且开发者工具中的模拟工作正常。

标记基本上是一个引导轮播。问题是图像+标题（即轮播的项目）位于它们应该在的位置下方。图像顶部的栏是两个 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-stylesheet，框是绝对定位的：

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

把它放在那里。其他一切都像在“常规”页面上一样，它适用于其他浏览器以及“打印仿真”。仅当我真正想要打印页面时才引入该问题。任何想法可能是什么原因？或者如何调试？

【问题讨论】：

标签： css google-chrome layout printing

【解决方案1】：

问题已经解决了。

由于我无法再复制它，我假设 Chrome 更新解决了这个问题（可能与 pdfium 相关）。

【讨论】：