调整iframe大小以适合其内容

Question

我知道这是一个常见问题，但这会让我疯狂。

我需要更改iframe高度以适应其拥有的内容并避开滚动条。我已经搜索了几个解决方案，但大多数都不适合我。

最后我用了这个：

function resize(){
var BodyH = document.body.scrollHeight;
var HeaderH = document.getElementById('main_header').scrollHeight;
var MenuH = document.getElementById('main_menu').scrollHeight;
var FooterH = document.getElementById('main_footer').scrollHeight;
parent.document.getElementById('iframe_R').style.height = (BodyH - HeaderH -MenuH - FooterH) + "px";
}

它似乎在Chrome中“工作”，但它增加了一个我真的不喜欢的额外空间。它在Mozilla或IE中不起作用。

我知道我犯了一些错误，或使用不良财产或其他任何东西。一些帮助会很好。