固定div左中居div

Question

我不能为我的生活得到这个工作。我想要一个固定的div（菜单）在居中div（内容）的左侧。当窗户变小时，页面应该可以像平常一样调整窗口的大小，以便触摸左侧窗户的墙壁。

我做什么，我想要做的工程图：

Image of what I want to accomplish

编辑我希望能调整窗口的大小和内容和菜单不应该从左侧浏览器壁上掉下来。而且菜单应该总是相对固定的内容...... 编辑

EDIT2下做了什么，我想（从xFortyFourx扩展的解决方案）：

#body{width: 1200px; border: 1px solid #000; margin: 0 auto;} 
#wrap {width: 800px;min-width: 800px;min-height: 1800px;margin: 0px auto;border: 2px #000 solid;position: relative;} 
#sidebar {width: 160px;height: 100px; border: 2px #000 solid;position: absolute;top: 0;left: -180px;} 
#fixed{position: fixed; width: 160px; height: 50px; background-color: #234324;} 
<div id="body"><div id="wrap"><p>Content</p><div id="sidebar"><div id="fixed"><p>Sidebar</p></div></div></div></div> 

EDIT2

Answer 1

HTML

<div id="wrap"> 
<div id="sidebar"> </div> 
</div> 

CSS：

#wrap { 
    width: 950px; 
    min-height: 400px; 

    margin: 50px auto; 
    border: 2px #000 solid; 

    position: relative; 
} 
    #sidebar { 
     width: 50px; 
     height: 100px; 
     border: 2px #000 solid; 
     position: absolute; 
     top: 0; 
     left: -70px; 
    } 

编辑：这里是一个样本http://jsfiddle.net/XWkBw/

Answer 2

HTML：

<div class="main-container"> 
    <div class="navigation"> 
     nav  
    </div> 
    <div class="content"> 
     content   
    </div> 
</div> 

CSS：

.main-container { 
    width: 400px; 
    margin: 0 auto;   
} 

.navigation { 
    width: 100px; 
    float: left; 
} 

.content { 
    margin-left : 110px; 
} 

的jsfiddle例子：http://jsfiddle.net/5ZUrF/

Answer 3

你可以通过这个例子：

Fixed Box on left hand side

HTML

<div id="wrap"> 
<div id="sidebar"> </div> 
</div> 

CSS

#wrap { 
    width: 500px; 
    min-height: 500px; 

    margin: 50px auto; 
    border: 2px #000 solid; 

    position: relative; 
} 
    #sidebar { 
     width: 50px; 
     height: 100px; 
     border: 2px #000 solid; 
     position: fixed; 
     top: 50px; 
     left: 60px; 
    }