网格中有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 - 删除左边距

.omega - 删除边距右侧

Answer 2

当我遇到类似这样的事情时，我通常会选择以下两种方法之一：

1. 更改最内层的大小 网格。在您的情况下，更改prefix_3 到prefix_2，grid_6到grid_5，或 suffix_2至suffix_1。

2. 覆盖您自己的样式 样式表通过定位 具体要素和减少 填充。