css - CSS プリント メディア アウトは、連続するページで横にシフトします

Question

固定サイズのインデックス カードを「DIV」として印刷しています。float=left を指定すると、A4 に 2 つ並べて収まります。最初の 7 ページは正常に動作し、8 ページで 1 列に切り替わります。だから私は float=right を試してみましたが、それもうまくいきますが、各ページで出力が少し左にシフトし、(ご想像のとおり) 8 ページ後に単一の「列」が再び表示されます。各ページ内で、DIV がすべて並んでいることに注意してください。DIV は、連続するページを移動するだけです。Javascript で生成された HTML を表示できません。関連する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 のバグ？