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

Question

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

像普通的 950px 容器（右框）是浮动的中心页面现在我需要一个 #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>