CSS drucken - Seitenumbruch in Chrome

Question

Ich bin kürzlich in diesem Problem stecken geblieben, wo Chrome sich seltsam benimmt und keine CSS-Regeln beachtet.

In meiner Seite habe ich große Abschnitte, die ich nicht während des Druckens brechen möchte. Unten finden Sie den Code

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

Es funktioniert gut für alle anderen Browser außer CHROME. In Chrom sieht es wie

Red Abschnitt zeigt die div brechen.

PS: Ich blured die Seite einfach jedes Problem zu vermeiden.

Answer 1

Versuchen Sie, position: relative zu dem Abschnitt hinzuzufügen.