javascript - 如何缩小网页中不需要的空白？

Question

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

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

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

<强> Here is my page

iframe 持有者 div 包含菜单选项卡，其下方的第二个 div 包含 3 列内容。

<小时/>

更新#1:

截图一:

截图二:

Answer 1

问题是你的<iframe>被赋予内联 height的311px;

我的猜测是，它会获取最大选项卡的高度，并使用以下 js 将其全部应用:

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

和或

onload='javascript:resizeIframe(this);'