css - 是否可以在 960 的单元格内设置网格？

Question

我喜欢 960，因为它是进行网站布局的一种简单方法。但是，我不确定它的功能。

我想在页面的主要部分有一个包含 2 列 (grid_4) 和 2 行的网格，在右侧有一个列 (grid_4)。

是否可以定义第一个 8 列网格和第二个 4 列网格，然后将其他单元格放在第一列中？

伪结构:

grid_8
    >grid_4
    >grid_4
grid_4

主要思想是让最后一列的主网格具有不同的高度。

Answer 1

如果你想在一个网格中包含一组网格，你可以使用 .alpha 和 .omega 类。

<div class="grid_8">
    <div class="grid_4 alpha"> ... </div>
    <div class="grid_4 omega"> ... </div>
</div>

.alpha - 移除 margin-left

.omega - 移除右边距

您还可以将其应用于多个内部网格。

<div class="grid_12">
    <div class="grid_4 alpha"> ... </div>
    <div class="grid_4"> ... </div>
    <div class="grid_4 omega"> ... </div>
</div>