960.gs - 960 GridSystem，一个grid_12里面三个grid_4

Question

我创建了一个 960gs 的 16 列布局，其中 div class="grid_12" (main) 和 grid_4 (right) (12+4...) 在 grid_12 里面我想要一个三列样式（3 pcs.grid_4 ）。但是 grid_4 框不适合 grid_12，最后一个框落入第二行。

960gs框架不应该能为我做这个布局吗，我错过了什么吗？

提前致谢。

<div class="container_16">
...
<div id="main" class="grid_12">
 <div class="grid_12">
   <div class="grid_4"></div>
   <div class="grid_4"></div>
   <div class="grid_4"></div>
 </div>

 <div id="right" class="grid_4">

 </div>
</div>
...
</div>

Answer 1

发现我需要将 alpha 和 omega 添加到第一个和最后一个 grid_4 框。现在它起作用了。

<div id="main" class="grid_12">
    <div class="grid_4 alpha">

    </div>
    <div class="grid_4">

    </div>
    <div class="grid_4 omega">

    </div>
</div>