通过 javascript 动态读取 iframe 内容的实际高度并设置其样式，可使 iframe 高度随内容自适应，避免内部滚动、保留外部容器滚动体验。
在 Web 开发中，使用
✅ 正确解法是：在 iframe 加载完成（onload）后，通过 contentWindow.document.body.scrollHeight 获取其内容真实高度，并动态设置 iframe 元素的 style.height。
以下是完整、健壮的实现示例：
⚠️ 关键注意事项：
- 同源限制：该方法仅适用于与主站同源（协议、域名、端口均相同）的 iframe；跨域 iframe 无法直接读取 contentDocument，需改用 postMessage 通信方案。
- 渲染时机：确保 scrollHeight 在 DOM 完全渲染后读取，因此必须在 load 事件中执行；若子页面有异步渲染（如图表、LaTeX 渲染），应在子页完成后再主动发送高度消息。
- 最小高度保护：添加 Math.max(height, 300) 避免内容极短时 iframe 塌陷。
- 替代方案提醒：若无法控制被嵌入页面（如第三方内容），推荐改用 iframe 的 seamless 属性（已废弃）或服务端代理+内联渲染，或采用现代方案如 Web Components + Shadow DOM 封装。
此方法简洁可靠，已在主流浏览器中长期验证，是实现「iframe 自适应高度 + 外部滚动」的标准实践。
