印刷CSS - Chromeでの改ページ

Question

最近、クロムが厄介な挙動を示していて、CSSルールに従わなかったこの問題で立ち往生しました。

私のページには、印刷中に中断したくない大きなセクションがあります。 は、以下のコード

body.index .section{ 
    page-break-inside: avoid; 
    -webkit-region-break-inside: avoid; 
} 

それはCHROME除く他のすべてのブラウザのための素晴らしい作品です。 クロムには、それはのように見える

赤いセクションは、divの壊れ目を示しています。

PS：問題が発生しないようにページをbluredしました。

Answer 1

position: relativeをセクションに追加してみてください。

body.index .section{ 
    position:relative; 
    page-break-inside: avoid; 
    -webkit-region-break-inside: avoid; 
}