960.gs - 960网格系统，一网格_12内三网格_4

Question

我创建了一个 960gs 的 16 列布局，其 div class="grid_12"(主)，然后是 grid_4(右)(12+4...) 在 grid_12 中，我想要一个三列样式(3 个 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>