固定的菜单，（可选）固定内容的子菜单和面积与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>