固定菜单，（可选）固定子菜单和带CSS的仪表板内容区域

Question

我想重现网站后端的下一张图片：

我们的想法是拥有一个包含菜单和子菜单的固定区域（侧边栏），所有其他区域（内容）可以上下导航，而不会影响该侧边栏。

我需要更改侧边栏的宽度，因此内容也会适应他的宽度，因为在某些页面中，它可能不是子菜单。

我一直在玩花车，但我觉得我不是在画好草图。

我怎么做？

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>