调整iframe的大小直到没有滚动条（适合内容）
我有一个基本的布局表，有4行。 标题 - 导航 - iframe - 页脚。 我想要达到的是这样的：
使身体高度（在这种情况下iframe所在的表格行）适合iframe内容高度。 iframe只是加载了我制作的其他html页面。
所以，在这种情况下，主index.html身体卷轴（溢出）将用于滚动iframe。 那可能吗？
如果无法将表格行高度增加到iframe内容高度，我可以将其放在div内。
不幸的是，你不能在css / html中做到这一点。 你必须使用一些JavaScript。
如果这是您的main.html ...
<html>
<body>
<table width="100%" border=1>
<tr><td>Header</td></tr>
<tr><td>Navigation</td></tr>
<tr><td>
<iframe src="iframe.html">
</iframe>
</td></tr>
<tr><td>footer</td></tr>
</table>
</body>
</html>
把它放在iframe.html中
<script type='text/javascript'>
var num=Math.ceil(Math.random()*50);
while(num-- > 0)
document.write("num="+num+"<br/>");
window.parent.onload=function(){
var parent=this.document.getElementsByTagName("IFRAME")[0];
var elem=document.documentElement;
parent.style.height=elem.scrollHeight+"px";
parent.style.width=elem.scrollWidth+"px";
}
</script>
它将随机数的行写入文档，然后根据其高度调整其大小。
http://frank.bridgewater.edu/test/iframeResize/
链接地址: http://www.djcxy.com/p/89905.html