html - Chrome 在分页符上拆分部分，在 Firefox 上完美运行

Question

我有一个关于 chrome 的问题，我还没有弄清楚。 我关注了这里的许多帖子并四处搜索，但没有帮助。 我的 chrome 版本是 55.0.2883.87 m(64 位)，估计用户的版本也是。

内部分页:避免；根本不起作用。 从 body 到最小部分的所有元素都设置为 position:relative 和 float:none

但假设我有这样的东西:

	.row{
        page-break-inside: avoid;
		position: relative;
    }

	.break-after {
		display: block;
		page-break-after: always;
		position: relative;
	}

<section class="row first"></section>
<section class="row second break-after"></section>
<section class="row third"></section>
<section class="row fourth"></section>http://stackoverflow.com/questions/ask#

根据部分内容的大小，chrome 可能仍会将第三行或第四行切成两半，firefox 不会这样做并且可以完美运行。

有什么建议吗？

提前致谢，你们真棒。

Answer 1

问题是带有负边距的元素。