css 蓝图，创建一个漂浮在容器 div 旁边的 div？附上图片

Question

我试图拥有一个 950px 的蓝图布局，所以我做了如下图所示的操作:

像常规的 950px 容器(右框)是 float 的中心页面 现在我需要让一个 #menu div 向左浮动到这个 950px 框，它应该被定位到这个 #container 950px div 的左边并且有一个固定的宽度。

这样的事情怎么能完成呢？我已经尝试了几个 css 技巧都无济于事，我知道有液体布局但是#menu 和#container 之间的空间会变大我希望这个空间像下面的例子一样固定，比如 20px 蓝图默认值。

有谁知道如何做到这一点，并且即使屏幕调整大小时 div 仍保留在页面上？

Answer 1

如果我理解你的问题，这将做你想做的:

 body, html 
 {
    width: 100%;
 }

 <div style="margin: 0 auto; width: 1100px">
    <div style="width: 150px; float:left;">
       menu
    </div>
    <div style="width: 950px; float:left;">
       right part
    </div>
 </div>