固定的菜單，（可選）固定內容的子菜單和麪積與CSS

Question

儀表板我要複製一個網站後臺下一張圖片：

的想法是有一個固定的區域（側邊欄），它將包含一個菜單和一個子菜單，並且所有其他區域（內容）可以上下導航而不影響該側欄。

我需要側欄的寬度可以改變，所以內容也會適應他的寬度，因爲在某些頁面中，它可能不是子菜單。

我一直在玩浮球，但我認爲我不是草繪好的layar。

我該怎麼做？

Answer 1

http://jsfiddle.net/HUhfU/5/

<div id="main" style="width:100%;border:1px solid red;"> 
    <div id="sidemenu" style="float:left;height:200px;width:150px;border:1px solid green;"> 
     menu<br /> 
     menu<br /> 
     menu<br /> 
     menu<br /> 
     menu<br /> 
     menu<br /> 
    </div> 
    <div id="content" style="height:200px;overflow-y:scroll;"> 
     menu<br /> 
     menu<br /> 
     menu<br /> 
     menu<br /> 
     ..... 
     ..... 
     I just filled up the content to show the scroll working 
     ..... 
     ..... 
     menu<br /> 
     menu<br /> 
    </div> 
</div>