网格内的 CSS 网格

Question

我正在使用 960 网格系统，我正在尝试实现如下内容 --

|-----| |-------------------|
|     | |  |--|  |-----|    |
|     | |  |  |  |     |    |
|     | |  |--|  |-----|    |
|     | |                   | 
|     | |  |------|  |--|   |
|     | |  |      |  |  |   |
|     | |  |------|  |--|   |
|-----| |-------------------|

有办法吗？我在右列中需要第二组 div 的唯一原因是左列很长，我不希望第二组列之间有空格。

如果有更好的方法来实现这一目标，我将不胜感激。

Answer 1

此功能内置于 Grid 960 系统中。您只需分别为左右嵌套的网格项指定类“alpha”和“omega”。

这是一个例子:

<div class="container_12">

  <div class="grid_3">
  </div>

  <div class="grid_9">

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

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

    <div class="grid_5 alpha">
    </div>

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

  </div>

</div><!-- end .container_12 -->