[解决]

所以我有我的页面的顶部相同的高度的股利和我想有下面的iFrame填充页面的其余部分。 Google Images和LinkedIn做了非常类似的事情CSS：iFrame的，填补了屏幕的其余部分没有被填满一个DIV具有恒定大小

请参阅：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=NUS_UNIU_SHARE-title）。

这里是CSS代码我现在有：

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

而且，HTML内，我已经作出所述iFrame 99％的宽度和90％的高度。

但这不太好。我只想让iFrame具有滚动条，但是随着我开始减小窗口大小，它的一部分变得隐藏（几乎没有）。结果，出现第二组滚动条。顺便说一下，这是前面提到的问题，当我试图解决这个问题时提到：CSS two divs next to each other

有谁知道如何重新创建LinkedIn在CSS中的功能？

来源

2011-06-10 drewse

你觉得呢'浮动：top'和'浮动：bottom'在做什么？ – thirtydot 2011-06-10 05:10:35

另外，您需要支持哪些浏览器/版本？ – thirtydot 2011-06-10 05:25:32

十三岁，我不确定。老实说，我正在尽一切努力使它工作。然而，我所链接的另一个SO问题的答案建议将它们放入。 – drewse 2011-06-10 05:26:59

我通常会诉诸于JavaScript。

使用jquery库，你可以用一个非常简单的方法来完成以下工作。

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


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

来源

2011-06-10 05:15:17 ExCodeCowboy

感谢您的及时答复！这工作完美！ – drewse 2011-06-10 05:46:54

请将答案标记为已接受，并为其投票，如果这是您正在寻找的内容。我敢肯定还有其他解决方案..我只是喜欢jQuery它很简单。 – ExCodeCowboy 2011-06-10 05:55:17

我标记答案已被接受，但我没有足够的声望来投票给你。但是，当我这样做时，我会试着回来给你投票。 – drewse 2011-06-10 16:41:38

CSS：iFrame的，填补了屏幕的其余部分没有被填满一个DIV具有恒定大小

[解决]

回答

相关问题