簡單的html佈局

Question

我想我需要簡單的東西。但我無法找到或弄清楚如何去做。它看起來很簡單，但也許不是。

我需要的HTML頁面標題，在左側和頁腳1個側邊欄。現在是棘手的部分。我注意到內容正確的側邊欄是流暢的。在這方面，我需要放置iframe。頁面不應該有任何滾動條，所以只有滾動條將成爲iframe中的滾動條。我遇到這樣的問題，即該區域總是通過標題的高度移動到屏幕的底部邊緣之下。這是因爲我使用身高100％，但我不知道任何其他方法。如果有辦法做高度：100％-120px這不會是一個問題。

Answer 1

入住此演示：Demo

HTML代碼

<header> 
    Header 
</header> 
<nav> 
    Nav 
</nav> 
<div> 
    <iframe src='http://sasidhar.com' width='100%' frameborder='0' height ='100%'> 
</div> 

CSS代碼

* { padding : 0; margin : 0; } 
header { 
    position absolute; 
    top : 0; 
    height : 50px; 
    background-color : #ccc; 
} 
nav { 
    position : absolute; 
    width : 200px; 
    top : 50px; 
    bottom : 0; 
    background-color : #ece; 
} 
div { 
    position : absolute; 
    left : 200px; 
    top : 50px; 
    bottom : 0; 
    right : 0; 
    background-color : #cee; 
    overflow : hidden; 
} 

這是有幫助嗎？讓我知道。