我正在制作一份20页的HTML报告，并希望仔细控制分页符，边距等。
我有一个特殊的DIV重复多次，包含各种浮动的DIV，SVG等。它的样式为page-break-before: always;，效果很好。
然而，当在Chrome中打印（并且仅在打印预览和最终硬拷贝中看到）时，DIV的高度似乎随机变化，其他分段跨页。好像Chrome对一个元素的高度感到困惑，然后再犯了这个错误，导致其他元素在分页符中分裂。
我可以通过将border:1px solid white;放在DIV上来解决这个问题。为什么这样做？
我想这与box-sizing和崩溃边缘有关，还是只是一个怪癖？
是否有更好，更通用的方法来实现这一目标？我已尝试box-sizing: border-box，但这并没有像白边一样纠正它。