iframe 多层嵌套无限嵌套高度自适应的解决方案

来源：阅读：1008 次日期：2016-06-21 10:28:23

温馨提示：小编为您整理了“iframe 多层嵌套无限嵌套高度自适应的解决方案”,方便广大网友查阅！

有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应，具体实现如下，感兴趣的朋友可以参考下

有A,B,C三个页面,A页面包含B页面,B页面包含C页面.A页面随着B页面自适应,C页面随着B页面自适应

A页面

代码如下:

<p>onload="this.height=main.document.body.scrollHeight;this.width=main.document.body.scrollWidth;if(this.height < 410){this.height=410;}"></p> <p>

B页面

代码如下:

左边菜单

C页面

将下面这个JS函数写到最最底层的页面中(即最孙子的那个页面) 并在body的onload事件中调用该方法【下面这个公式是万能公式】

代码如下:

这里可以写真正的内容并且给该div的padding-bottom设一个值

由于各方面情况的不断调整与变化，提供的所有考试信息和咨询回复仅供参考，敬请考生以权威部门公布的正式信息和咨询为准！

最新信息

工业和信息化部备案号：滇ICP备2023014141号-1 云南省教育厅备案号：云教ICP备0901021 滇公网安备53010202001879号人力资源服务许可证：（云）人服证字（2023）第0102001523号