css蓝图,创建一个浮动在容器div旁边的div?图像附加

时间:2012-04-21 00:03:55

标签: css html compass-sass mockups blueprint

我试图获得950px的蓝图布局,所以我做了类似下图的事情:

enter image description here

与常规950px容器(右框)一样是浮动中心页面 现在我需要将#menu div向左浮动到这个950px的盒子,它应该被放置在这个#container 950px div左边并且有一个固定的宽度。

如何完成这样的事情?我已经尝试了几个css技巧无济于事,我知道有液体布局但是#menu和#container之间的空间将变得很大我想要修复这个空间,就像下面的例子说20px的蓝图默认。

任何人都知道如何实现这一点,即使屏幕调整大小,div也会停留在页面上?

1 个答案:

答案 0 :(得分:2)

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

 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>