打印CSS - Chrome中的分页符

Question

我最近陷入了这个问题，即chrome表现得很糟糕而且不遵守任何CSS规则。

在我的页面中，我有大部分，我不想在打印时打破。 以下是代码

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

除了CHROME之外，它适用于所有其他浏览器。 在chrome中，它看起来像

红色部分显示div破坏。

PS：我模糊了页面以避免任何问题。

Answer 1

尝试将position: relative添加到该部分。

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