Question

我有一个基本的布局表，有4行。标题 - 导航 - iframe - 页脚。我想要实现的是：

使主体高度（在这种情况下，iframe所在的表行）适合iframe内容高度。 iframe只会加载我制作的其他一些html页面。

因此，在这种情况下，主要的index.html主体滚动条（溢出）将用于滚动iframe。这可能吗？

如果无法将表格行高度增加到iframe内容高度，我可以将其放在div中。

Answer 1

不幸的是你不能用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/

调整iframe大小，直到没有滚动条（适合内容）

1 个答案: