我正在打印一个包含两个主div的表单。其中一个会在打印后从纸上剪下来，另一个只包含客户的信息。问题是，第二个div的大小取决于我们在客户端上拥有的信息量。因此，如果我们有很多关于特定客户的信息，我们需要打印多个页面。为了节省纸张，双面打印对我们来说很好。如果需要多页打印，css有没有办法让第二个div在某个高度继续打印，这样当我们剪切第一个div时，就不会剪切出关于客户端的任何信息。下面是所需结果布局的简单图片，其中红色框是要剪切的内容，蓝色框是客户信息的位置，虚线红色框只是空白。
预期结果布局
使用@pagecss规则在除第一页之外的所有页面上设置边距。边距以厘米为单位，如margin-top: 10cm;
@page:not(:first) {
margin-top: <<height of the red div>>;
}
请注意，@page不允许定义除第一个页面之外的任何页面，因此此顶部间隙仍将出现在第三、第四等页面上。
还要注意，@page不支持safari和可能的其他浏览器：https://developer.mozilla.org/en-US/docs/Web/CSS/@页面