CSS：填满屏幕其余部分的iFrame不会被div填充为常数

问题描述

| [解决了] 因此，我在页面顶部有一个高度恒定的div，并且我想在它下面放置一个iFrame来填充页面的其余部分。 Google图片和LinkedIn的功能非常相似 请参阅：http://www.linkedin.com/share?viewLink=&sid=s420444224&url=http%3A%2F%2Flnkd%2Ein%2FcnjYt4&urlhash=ZGYM&pk=nprofile-view-success&pp=1&poster=22330283&uid=5484658853024890880&trk_REUS_UNI 。 这是我现在拥有的CSS代码：

#header {
  height: 60px;
  float: top;
  position: absolute;
}
#iframe {
  margin-top:61px;
  float: bottom;
  position: absolute;
}

另外，在HTML中，我将iFrame的宽度设置为99％，高度设置为90％。 但这不是很好。我只希望iFrame具有滚动条，但是随着我开始减小窗口大小，它的一部分变得被隐藏了（很少）。结果，出现第二组滚动条。顺便说一下，这是我在尝试解决该问题时提到的上一个SO问题：CSS两个div彼此相邻 有人知道如何重新创建LinkedIn在CSS中的功能吗？     

解决方法

        我通常会求助于javascript。 使用jquery库，您可以以非常简单的方式执行以下操作。

$().ready(function() {
        $(\'#iFrame\').height($(window).height() - 62);
    });


$(window).resize(function() {
        $(\'#iFrame\').height($(window).height() - 62);
    });