javascript 设置页面高度

一个页面包含3个iframe,我想让iframe能够自动调整大小，就是适应它包含内容多少改变高度，怎么写呢？
<!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 id="Head1" runat="server"><title></title></head>
<body>
    <form id="form1" runat="server">
    <div style="width:100%;height:auto">
    <iframe src="zj1.aspx" style="width:100%; height:550px" id="iframe1"></iframe>
    <iframe src="zj2.aspx"style="width:100%; height:550px" id="iframe2"></iframe>
      <iframe src="zj3.aspx"style="width:100%; height:550px" id="iframe3"></iframe> 
    </div>    
        <script language="javascript" type="text/javascript">
    </script>
    </form>
</body>
</html>