css - CSS 打印媒体在连续页面上横向移动

Question

我将固定尺寸的索引卡打印为“DIV”。两个并排放置在 A4 上，浮动 = 左。前七页工作正常，然后在第八页切换到单列。所以我尝试了 float=right 并且效果也很好，除了在每一页上，输出向左移动一点，并且（你猜到了）八页后，再次出现单个“列”。请注意，在每一页中，DIV 都排成一行……它们只是在连续的页面上移动。无法显示 HTML，因为它是由 Javascript 生成的。相关的 CSS 看起来像这样

@media print {
  .card {
    float: left;
    width: 85.6mm;
    height: 54mm;
    page-break-inside: avoid;
  }
}

生成的 HTML 看起来像这样

<div class="card">
<h2>name</h2>
lines of stuff<br />
</div>
<div ...
</div>

等等。似乎每个新页面都会增加右边距。我正在运行 Firefox 和 Ubuntu。任何人都遇到过这样的事情。Firefox 中的错误？