css - 操作方法 > 100% 宽度 > Blueprint/960 2 列布局

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

我是 Blueprint 和 Compass 中的 960 的新手。

我有一个基本的 2 column example使用蓝图。但我想扩大宽度,以便左右面板占据整个屏幕(la gmail)。所以左列将是一个固定的宽度,而右列将随着窗口的扩展而扩展。

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

谢谢

最佳答案

好的,我正在处理这个问题。我只使用蓝图的基本 .container 类,边距为 0。其中的所有容器都延伸到屏幕的整个宽度。

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

HTH

关于css - 操作方法 > 100% 宽度 > Blueprint/960 2 列布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7759657/

相关文章:

jquery - TinyMCE 模式框中的文本框不可点击

css - 为什么我的 CSS 类样式不适用于特定的 <li>?

css - compass : Syntax error: Undefined mixin 'user-select'

django - 将 compass 添加到Django项目的最佳方法

css - compass 蓝图混合未定义

css - 为什么两个 float div 之一被推到下一行?

html - 自动换行多行文本,突出显示的行之间有空格

ruby - 如何: Coffeescript-Compiling in Aptana

sublimetext2 - Sublime Text 2 创建 config.rb

css - 蓝图 CSS 框架或任何网格系统 : fix for bordered divs