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

【问题标题】：css blueprint, create a div floating next to container div ? image attachedcss 蓝图，创建一个浮动在容器 div 旁边的 div ？附图片
【发布时间】：2012-04-21 00:03:54
【问题描述】：

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

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

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

任何人都知道如何做到这一点，并且即使屏幕调整大小时 div 也会留在页面上？

【问题讨论】：

标签： css html compass-sass mockups blueprint

【解决方案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>

【讨论】：