樣式化內聯框架

我試圖在ASP.NET MVC頁面上顯示兩個網站。第一個網站應該出現在大約130像素左右，第二個網站應該用完所有剩餘的垂直空間。這兩個網站都應該佔用整個瀏覽器的寬度。樣式化內聯框架

有一個我想要的例子here，但它使用一個框架集<frame>標籤，它現在是deprecated。

因此，我已經開始jsFiddle嘗試安排兩個標記。我已經掌握了大部分內容，但無法讓第二個網站用完所有剩餘的垂直空間。（我寧願不使用jQuery，除非它是絕對必要的。）

有沒有人知道缺少的一塊？

通過設置內容框架的絕對位置，您可以將它放置在頂部130px，即標題的高度。然後從底部將它設置爲0。這會產生將其拉伸以填充視口的剩餘高度的效果。

#contentdiv { 
    width: 100%; 
    position:absolute; 
    top:130px;bottom:0; 
} 
#contentframe {width: 100%;height:100%; 
}

這裏是小提琴

2013-02-04 01:27:24 lukeocom

謝謝，這很接近，但它看起來像它使底部iframe的瀏覽器窗口的整個高度，創造了二次滾動條。它不會減去頂部iframe佔用的垂直空間。 –

更新了答案......使用overflow：hidden刪除文檔滾動條。 – lukeocom

謝謝。不幸的是，這並不能解決問題。沒有辦法在第二個iframe中滾動到網站的底部。需要使用其他技術將此iframe的高度限制爲第一個iframe高度的100％。 –

回答