Javascript 如何使网页中不需要的空白缩小？

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

iframe支架高度降低时出现的问题，导致iframe支架与其下方的第二个div之间出现不必要的空白。此问题仅在chrome中出现，IE&FF工作正常

当iframe高度降低时，如何使此空白缩小

iframe holder div包含菜单选项卡，它下面的第二个div包含3列内容

---

更新#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=“dserver”]”选择器，但这只是一般的想法。

---

希望这有帮助

问题是您的

被赋予了

311px的内联
高度

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

function resizeIframe(obj) {
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  }

或

onload='javascript:resizeIframe(this);'

我们如何看待这个问题？？？在chromeThank中，你的页面对我来说很好，谢谢你的回复@Danko我现在将发布一个更新的屏幕截图。@Danko我现在添加了屏幕截图，如果你有任何建议，请告诉我。谢谢..为什么不使用js将底部div扩展到viewportI的剩余大小呢？我在iframe代码中添加了height=“auto”，但在chrome中仍然不起作用。它只在IE&FF中有效。我无法正确实现它。我在页面中附加了“jquery-1.10.2.min.js”，在这些标签之间复制并粘贴了您的代码，但它不起作用。任何帮助都将不胜感激。谢谢。试试我在你的另一个问题上发布的内容。如果有效，我将在此处更新答案。：）那么，有没有办法让js自动调整高度？谢谢你的帮助。