绝对定位元素在打印中不参与分页流布局，需重置position、top、left、z-index、transform等样式使其回归文档流；break-inside对定位元素无效；页眉页脚应使用@page或table-header/footer-group而非fixed或absolute。
绝对定位元素在打印中不参与分页流布局
浏览器打印引擎根本不会把 position: absolute 元素当作文档流的一部分来处理。它没有“跨页”概念，也不会像普通块级元素那样被自动拆分到后续页面。一个 top: 120mm 的弹窗，若当前页剩余高度不足，它就直接被裁掉或跳过渲染——不是被“截断”，而是压根没被放进分页计算逻辑里。
@media print 中只改 position: static 不够
残留的 top、left、z-index、transform 值仍保留在计算样式中，一旦父容器有 transform: scale(0.9) 或 display: flex，这些值会触发意外偏移或层叠错乱。
- 必须一并重置：
position、top、right、bottom、left、z-index、transform、will-change - 推荐写法：
position: static; top: auto; left: auto; z-index: auto; transform: none; - 对第三方组件（如
.ant-modal），要显式覆盖子节点，不能只写父选择器
break-inside: avoid 对绝对定位完全无效
CSS 规范明确禁止在 position: absolute 或 position: fixed 元素上应用分页控制属性。break-inside 和 page-break-inside 在打印预览中会被浏览器静默忽略，控制台不报错，也不起作用。
- 别试图用
break-inside: avoid强制不分页——它对定位元素就是个摆设 - 真正要防止断页重叠，得让元素回归文档流：用
margin-top拉出空间，或用display: table-header-group封装页眉 - 表格内嵌的绝对定位按钮（如操作列里的下拉菜单）需额外加
display: none，否则会被td的overflow和分页边界双重截断
页眉页脚别再靠 position: fixed 硬塞
position: fixed 在打印中默认出现在每页顶部，但这是规范行为，不是 bug；它无法控制奇偶页差异，也无法嵌入 logo + 文字 + 页码的复合结构。
立即学习“前端免费学习笔记（深入）”；
- 纯文本页眉/页脚：用
@page :first { @top-center { content: "首页"; } } - 含 HTML 的页脚：改用
<footer class="print-footer"></footer>+display: table-footer-group - 避免把页眉放在
body末尾再用position: absolute; bottom: 0—— 它可能被挤到下一页空白处，且高度不可控
最容易被忽略的是：多个小问题叠加才导致断页重叠。比如父容器悄悄用了 transform: scale()，会让 getBoundingClientRect() 返回的坐标失真；又比如组件库的打印样式权重极高，!important 都不够，得用更具体的选择器（如 body@media print .el-table__cell）才能覆盖。
