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中的错误？