javascript - 调整 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 中不起作用。

我知道我犯了一些错误，或者使用了不好的属性，或者其他任何东西。一些帮助会很好。