Web 开发
iframe自动高度的问题
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区 大家好！
问一个iframe自动调高度的问题。
一个<div>里我套了几个iframe，每个iframe里再套iframe，而且每个iframe可能有隐藏域<!--就是display属性-->。
因iframe套的太多页面很不美观，而且到处都是iframe的滚动条，我现在在最外层套了div，在div上显示滚动条，想让div里头的iframe自动高度。<div style="overflow:auto"><iframe id="" name="" /></div>。这里div高度必需固定，iframe高度是因为有隐藏域的存在可变的，隐藏域的数据是后台读过来的,所以隐藏域的高度不知道多高，就是说我不能固定包含隐藏域的iframe高度，也不能100%高度（因为这么做div就没滚动条，下面的内容看不到）。
我在网上找了很多代码，大多都是onload（）时候<!--因为有隐藏域的存在不可用--> 或者使用了死循环window.setInterval（）<!--每隔一段时间读高度--> 之类的。
总结：
我想问的就是能不能让iframe不管发生什么事件，都让他自动调高度，像table那样内容多少 高度就自动多高。
问一个iframe自动调高度的问题。
一个<div>里我套了几个iframe，每个iframe里再套iframe，而且每个iframe可能有隐藏域<!--就是display属性-->。
因iframe套的太多页面很不美观，而且到处都是iframe的滚动条，我现在在最外层套了div，在div上显示滚动条，想让div里头的iframe自动高度。<div style="overflow:auto"><iframe id="" name="" /></div>。这里div高度必需固定，iframe高度是因为有隐藏域的存在可变的，隐藏域的数据是后台读过来的,所以隐藏域的高度不知道多高，就是说我不能固定包含隐藏域的iframe高度，也不能100%高度（因为这么做div就没滚动条，下面的内容看不到）。
我在网上找了很多代码，大多都是onload（）时候<!--因为有隐藏域的存在不可用--> 或者使用了死循环window.setInterval（）<!--每隔一段时间读高度--> 之类的。
总结：
我想问的就是能不能让iframe不管发生什么事件，都让他自动调高度，像table那样内容多少 高度就自动多高。
...全文
相关推荐
跨域iframe高度自适应解决方案_实现跨域iframe高度自动调整的JavaScript库_用于解决在跨域环境下iframe高度无法自适应内容变化的问题_通过引入代理页面和Jav.zip
通常情况下，开发者需要在父页面中引入JavaScript库，并按照库提供的接口方法调用，编写适当的代码来实现跨域iframe的高度自动调整。
Iframe自动调节高度问题,附上网站模版
本文介绍了一个印刷公司的网页布局和样式设计。通过HTML和CSS代码段，实现了包含版权信息、联系方式、地址、网站和电子邮件链接的表格布局。页面使用了'Times New Roman'字体、12px字号
iframe 跨域 自动适应高度
本文将详细讲解如何解决`iframe`跨域问题以及实现自动适应高度的功能。1. **同源策略与iframe跨域** 同源策略是浏览器安全的一项基础机制，它限制了来自不同源的"文档"或脚本相互交互。
自动适应iframe右边的高度
然而，当使用iframe嵌套页面时，可能会遇到一个棘手的问题：iframe的内联内容高度不自适应，即右侧的内容无法自动填充整个高度，导致页面显示不完整或者出现滚动条。
JavaScript实现iframe自动高度调整和不同主域名跨域
本文主要探讨如何使用JavaScript解决在不同主域名下，iframe自动高度调整以及跨域通信的问题。JavaScript的同源策略限制了不同源之间的iframe进行JavaScript通信，但通
