如何让iframe自适应高度? 我也遇到这个问题，我想知道你是怎么解决的呢？

Posted 2023-05-01

不需要增加高度属性的 设置 width="100%" height="100%" 宽度可以，高度还是不能自适应只能显示前面100px

先弄个表格，设置表格的大小。
把iframe放在表格里面~ 参考技术A <script type="text/javascript">
function SetCwinHeight()
var iframeid=document.getElementById("iframeid"); //iframe id
if (document.getElementById)
if (iframeid && !window.opera)
if (iframeid.contentDocument && iframeid.contentDocument.body.offsetHeight)
iframeid.height = iframeid.contentDocument.body.offsetHeight;
else if(iframeid.Document && iframeid.Document.body.scrollHeight)
iframeid.height = iframeid.Document.body.scrollHeight;




</script>

<iframe width="100%" id="iframeid" onload="Javascript:SetCwinHeight()" height="1" frameborder="0" src="1.html" style="overflow-y:hidden;"></iframe>

如何让iframe里面的内容宽度自适应

参考技术A 代码如下:

<mce:script language= "Javascript "><!--

window.onload=function()

parent.document.all("iframe1").style.height = document.body.scrollHeight;
parent.document.all("iframe1").style本回答被提问者采纳