CSS打印介质：page-break-before打破了页面，但位置不正确

Question

我使用谷歌浏览器打印页面，我有多个布局，每个布局都有一个h2标签和一个svg元素。每个布局都在一个div中，类页面带有样式

.page {
    page-break-after: always;
    page-break-inside: avoid;
}

它会破坏页面但不在正确的位置。第二个布局的h2标签位于下一页之前，该页应该在下一页中。在某些情况下甚至svg元素放在两页但我将其css设置为

svg {
    page-break-inside: avoid;
}

我在这里缺少什么？ 注意： 我已将 float：none; 设置为所有父元素。 我试图上传布局图片，但我不能，因为我没有足够的分数。