如何在网页中缩小不需要的空白区域？

Question

我有一个页面包含两个垂直div。第一个div包含iframe持有者和第二个随机内容。 iframe的高度可以更小或更多（具有动态高度）。

当iframe持有者的高度降低时，问题会导致iframe持有者与其下方的第二个div之间出现不需要的空格。此问题仅在 chrome ，IE＆amp; FF工作正常。

当iframe减少高度时，如何使此空格缩小？

Here is my page

iframe holder div包含菜单标签，下面的第二个div包含3列内容。

---

更新＃1：

屏幕截图一：

屏幕截图二：

Answer 1

如果您将jQuery添加到dual_core.html，则以下脚本应该有所帮助。你可以在没有jQuery的情况下做同等的事情，但我有类似的东西，所以我只用你的选择器ID替换。

$('#dualcore_servers_menu_wrapper1 a').click(function(){
    menuHeight = $('#dualcore_servers_menu_wrapper1').height();
    contentHeight = $('#dualcore_servers_content_wrapper1').height();
    $('iframe[name="dservers"]').height( (menuHeight + contentHeight) + 'px');
});

不完全一样，$（'iframe [name =“dservers”]'）选择器需要更改，但它的一般想法。 希望这有帮助！

Answer 2

问题是，<iframe>被height 311px;内联function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px'; }

我的猜测是，它会获得最大标签的高度并将其全部应用于此js：

onload='javascript:resizeIframe(this);'

和或

{{1}}