iframe自适应宽度和高度

  今天碰到个问题,iframe调为width:100%也还是出现了滚动条,现在将解决方法写下来供日后参照,也希望能帮助有需要的朋友

 

js代码:

 

  <script type="text/javascript" language="javascript">
    function TuneHeight(fm_name,fm_id){     
         var frm=document.getElementById(fm_id);     
         var subWeb=document.frames?document.frames[fm_name].document:frm.contentDocument;     
         if(frm != null && subWeb != null){        
         frm.style.height = subWeb.documentElement.scrollHeight+"px";
         frm.style.width = subWeb.documentElement.scrollWidth + "px";
         } 
     } 
     </script>

 

html代码:

       <iframe onload="{TuneHeight('main','main')}"  frameborder="0" id="main" name="main" scrolling="auto" src="right.aspx" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1;margin: 0px; padding:0px;"></iframe>