如何> 100%宽度> Blueprint / 960 2列布局

时间:2011-10-13 19:51:18

标签: css3 compass-sass blueprint-css 960.gs

我是Blueprint的新手,也是Compass的960。

我已经使用Blueprint进行了基本的2 column example。但我想扩大宽度,所以左和右。右侧面板占据整个屏幕(la gmail)。因此,左列将是固定宽度,右列将随着窗口的扩展而扩展。

使用Compass(使用Blueprint或960),实现这一目标的最佳方法是什么?

谢谢

1 个答案:

答案 0 :(得分:0)

好的,我有一些工作要做。我只使用blueprint的基本.container类,边距为0.其中的所有容器都延伸到屏幕的整个宽度。

要使左窗格具有固定宽度(不随窗口大小调整而改变),我混合了+ column(2)的蓝图列。我单独留下右侧窗格,并给它一个边距,将其放在左侧窗格旁边。 Presto,在窗口调整大小时,左窗格保持静止,右窗格调整宽度。

HTH