[解決]

所以我有我的頁面的頂部相同的高度的股利和我想有下面的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具有恆定大小

[解決]

回答

相關問題