使用Iframe最常见的问题就是高度的设置，高度设小了会让一部分内容显示不全，设大了又会让页面多出一块空白，导致页面整体失调。如何让Iframe随嵌入网页中的单元格高度自动变化就成了迫切要解决的问题，下面来介绍如何设置Iframe自适应高度。
（1）文档全文代码如下。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>企业版监控管理界面，设置内容</title>
</head>
<body background="images/bookbg.gif" leftmargin="0" topmargin="0" >
<iframe name="main" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" src="main.htm"></iframe>
</body>
</html
由代码可以看出Iframe未设定高度，此时在浏览器中浏览的效果如图10.19所示，在页面中没有显示出全部的Iframe嵌入页的内容。
（2）让Iframe可以自动随页面高度调整和自动适应，方法很简单，在页面代码</body>标记之前，插入下段代码：
<Script for=window EVENT=onload LANGUAGE="JScript">
document.all("main").height=main.document.body.scrollHeight;
</Script>
（3）保存当前页面，再浏览index_h.htm，如图10.20所示，整个页面显示出了全部的内容。
技巧：其中，在document.all("main").height=main.document.body.scrollHeight中的main为Iframe框架的名称。
