iframe在div中如何自适应高度

最新推荐文章于 2022-02-24 11:39:02 发布

转载最新推荐文章于 2022-02-24 11:39:02 发布 · 1w 阅读

javascript 专栏收录该内容

30 篇文章

订阅专栏

本文提供了多种让iframe在div容器内实现自适应高度的方法。包括使用JavaScript调整iframe的高度以匹配其内容长度，确保无论内容多少都能完美展示。

为了帮助网友解决“iframe在div中如何自适应高度”相关的问题，中国学网通过互联网对“iframe在div中如何自适应高度”相关的解决方案进行了整理,用户详细问题包括:RT,我想知道:iframe在div中如何自适应高度，具体解决方案如下：

解决方案1：
div设置了高度自适应，但是在div里面插入一个iframe，用js使iframe获取到div的高度，但是对iframe不起作用

解决方案2：
让div的高度iframe的高度变化，搜索出来的结果有时候会很多，让div随着iframe的高度变化，框架的高度是多少，我已经给iframe设置了宽度是100％，我说的是div是自适应高度的你们说的都不行吖。div中的iframe是一个搜索操作

解决方案3：
height=(fdh>iframe scrolling=" name="/

iframe高度自适应; frameborder=".html"this;var fdh=(this.body.scrollHeight;no".contentDocument;iframe>:700)"?fdh;<.Document.height=0;0">.Document.offsetHeight)，大于700将以div自身高度来显示<aa".body，700为自己设定的iframe高度最低值; src=" onload="bb:this;700;this?this，高度小于700的将以700显示

解决方案4：
iframe>/ scrolling=" width=".scrollHeight"0"952" onload=".document;asdf;this;iFrame1"<iFrame1"iframe id=" frameborder="> src=".html" name="no".body.height=iFrame1Iframe高度自适应
<

解决方案5：

<iframe id="mainframe" name="mainframe" src="smb010201.aspx" frameBorder="0" width="100%" scrolling="no" height="100%"
onload="document.all('mainframe').style.height=mainframe.document.body.scrollHeight+30;"> </iframe>

我测试过，完全可以用的

解决方案6：
iframe的css设置为
width:100%
height:100%

解决方案7：
marginwidth='0' marginheight='0' frameborder='0'