css - 960gs格中格

Question

如何在另一个网格中创建更多网格？

例如。

我有一个 2 列，左边有 2 列或更多列:

------------------   ---------
|                |   |       |
|  ______   ___  |   |       | 
|  |     |  |  | |   |       |
|  |_____|  |__| |   |       |
|                |   |       |
|________________|   |_______|

如果我这样做 (container_24):

<div class="grid_16">
    <div class="prefix_3 grid_6 suffix_2"></div>
    <div class="grid_4 suffix_1"></div>
</div>

<div class="grid_8">
</div>

由于网格上的填充，这将导致问题。是否可以重置系统以便我可以在另一个网格中使用一个迷你网格？

Answer 1

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

<div class="container_24">
    <div class="grid_16">
        <div class="prefix_3 grid_6 suffix_2 alpha"></div>
        <div class="grid_4 suffix_1 omega"></div>
    </div>

    <div class="grid_8">
</div>

.alpha - 移除 margin-left

.omega - 移除右边距