css - 是否可以在 960 的单元格内有一个网格？

Question

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

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

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

伪结构：

grid_8
    >grid_4
    >grid_4
grid_4

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

Answer 1

如果你想在一个网格内有一组网格，你可以使用.alphaand.omega类。

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

.alpha- 删除左边距

.omega- 删除margin-right

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

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