960 GridSystem，三个grid_4，一个grid_12 [英] 960 GridSystem, three grid_4 inside one grid_12

问题描述

我用div class = grid_12（主）创建了一个960gs的16列布局，然后在grid_4（右）（12 + 4 ...）之后
在grid_12里面我想要三个列样式（3个grid_4）。但是grid_4框不适合放在grid_12内，最后一个框放到第二行。

I've created a 16 column layout with 960gs with a div class="grid_12" (main) and after that grid_4 (right) (12+4...) Inside that grid_12 I wanted a three column style (3 pcs. grid_4). But the grid_4 boxes don't fit inside the grid_12, the last box drop into a second row.

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

Shouldn't the 960gs framework be able to do this layout for me, have i missed anything?

预先感谢。

<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>

推荐答案

发现我需要添加分类的alpha和omega到第一个和最后一个grid_4框。现在可以使用了。

Found out that I needed to add alpha and omega classed to the first and last grid_4 box. Now it works.

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

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

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

    </div>
</div>

这篇关于960 GridSystem，三个grid_4，一个grid_12的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！