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

如果你想在一个网格内有一组网格，你可以使用.alphaand.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- 删除margin-right

Answer 2

当我遇到这样的事情时，我通常采取以下两种方法之一：

1. 更改最内层网格的大小。在您的情况下，更改prefix_3 为prefix_2、grid_6togrid_5或 suffix_2to suffix_1。

2. 通过定位特定元素并减少填充来覆盖您自己的样式表中的样式。