固定標題+固定右側導航+流體內容區域

Question

我想創建一個佈局，其中標題和右側導航是固定的，並且內容區域是流暢的。

我附上了一個屏幕截圖，以幫助更好地解釋這一點。

如果這是可能的，我真的很感謝一些幫助。

謝謝

Answer 1

試試這個：

* {margin: 0; padding: 0;}; 

.wrap {width: 980px; margin: auto;} 
header {width: 100%; height: 200px; float: left;} 
#content {width: 100%; padding: 0 0 0 150px; min-height: 500px;} 
aside {width: 150px; min-height: 100%; height: auto; float: left; margin-left: 150px;} 

<div class="wrap"> 
<header> 
</header> 
<div id="content"> 
<aside> 
</aside> 
</div> 
</div> 

這會得到你想要的東西。這是爲HTML5，但只是改變（標題和旁邊）div標籤。