Печать CSS - Разрыв страницы в Chrome

Question

Я недавно застрял в этой проблеме, где хром вел себя странно и не подчинялся никаким правилам CSS.

На моей странице у меня есть большие разделы, которые я не хочу ломать во время печати. Ниже приведен код

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

Он работает хорошо для всех других браузеров, кроме ХРОМ. В хромированном виде это выглядит как

Красная секция показывает разрыв лома.

PS: Я высветил страницу, чтобы избежать каких-либо проблем.

Answer 1

Попробуйте добавить position: relative в раздел.

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