如何自动调整 iframe 高度以匹配其加载内容（含底部 10px 边距）

本文介绍一种可靠、跨浏览器兼容的 javascript 方案，通过监听 iframe 加载与窗口重绘事件，动态计算并设置 iframe 高度，使其精确贴合内部文档高度，并额外预留 10px 底部边距。 本文介绍一种可靠、跨浏览器兼容的 javascript 方案，通过监听 iframe 加载与窗口重绘事件，动态计算并设置 iframe 高度，使其精确贴合内部文档高度，并额外预留 10px 底部边距。 要实现 iframe 自动适配内容高度（并确保底部留出 10px 空隙），核心在于： 在 iframe 内容完全加载后，准确读取其 body.scrollHeight，再赋值给 iframe 的 style.height 。由于 iframe 内容位于同源页面（如 home.html、contact.html 等均在同一域名下），我们可安全访问其 DOM。 ✅ 正确实现步骤 将以下脚本插入你主页面（即包含