请问如何自动设置iframe的高度_html/css_WEB-ITnose

$(".workPanel .tabs .tabs-content").append("<div class='box on' tabhref='"+target+"'><iframe align='top'  id='ifram' name='ifram' frameborder='0' scrolling='yes' src='"+target+"'  height='100%' width='100%' noresize ></iframe>");             var iframe = document.getElementsByName("ifram")[0];try{    var bHeight = iframe.contentWindow.document.body.scrollHeight;  var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;   alert(bHeight+","+dHeight); var height = Math.max(bHeight, dHeight);    iframe.height =  height + 20;}catch (ex){}

请问我这么写有什么问题吗？

回复讨论(解决方案)

这样设置相当于100% 了吧

我现在有一个日期插件，在页面最下面显示的时候  计算的高度总是高了一块， 如果把高度设置成定高的话，插件的显示倒是正常了，可外围的iframe的滚动条消失了 ，请问这是怎么回事？

如果日期插件在页面上部就没有问题，并且ie下也不会有问题

help

我只知道两种办法可以实现iframe的自适应高度，
1.

2.
                        <script> <br /> function reinitIframe(){ <br /> var iframe = document.getElementById("help_content"); <br /> try{ <br /> var bHeight = iframe.contentWindow.document.body.scrollHeight; <br /> var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; <br /> var height = Math.max(bHeight, dHeight); <br /> iframe.height = height; <br /> //iframe.height = bHeight; <br /> }catch (ex){} <br /> } <br /> window.setInterval("reinitIframe()", 200); <br /> </script>

注意id。

我只知道两种办法可以实现iframe的自适应高度，
1.
这两种方法我试了一下，还是有问题
 var bHeight = iframe.contentWindow.document.body.scrollHeight;
  var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;

这两句话获取的height高度都是一样的
都比正常显示的高度要小很多   我想知道如果我把height写死可以不？  写死后 右侧滚动条消失，scrolling也没有用，请问可以解决吗？

第一种：IE浏览器不兼容