Html 对于嵌套网格，是否有方法使fluid 960网格系统的行为方式与固定宽度960网格系统的行为方式相同？

我公司的网站目前使用固定宽度960网格系统。有人说要转向流体设计，所以我一直在研究流体960网格系统

据我所知，这两个系统的行为方式相似，直到有嵌套网格为止。例如，在固定宽度系统中：

<div class="grid_12">
    <div class="grid_6">
        <div class="grid_6">
            <p>This paragraph will fill up half the space of the grid_12 div in a 12 column grid.</p>
        </div>
    </div>
</div>

本段将在12列网格中填充网格12 div的一半空间

我对fluid 960网格系统（以及百分比）的理解如下：

<div class="grid_12">
    <div class="grid_6">
        <div class="grid_6">
            <p>This paragraph will only fill up a quarter the space of the grid_12 div in a 12 column grid, at least as far as I can tell.</p>
        </div>
    </div>
</div>

至少据我所知，这一段只占12列网格中grid_12 div的四分之一

现在，我明白了，如果我将上面代码中最里面的div更改为grid_12，它的工作原理与第一个示例相同，但是该网站有很多页面，尽管我可以遍历并相应地更改嵌套网格的每个实例，但这将需要相当长的时间（特别是因为大多数页面都是在我被聘用之前编写的）.

那么，有没有一种方法可以让流体网格系统中的嵌套以与固定宽度相同的方式工作，而不需要逐页更改任何内容

---

我怀疑答案是否定的，但我想如果有一种方法我没有想到，SO上的人会知道的。

根据实际布局的复杂程度，您可以尝试执行以下操作

.grid_6 .grid_6 { width: 100% }

等等

ofc，您至少需要为网站上的每一个案例添加这些类型的选择器，但我并不推荐这样做，因为这与其说是一个好的解决方案，不如说是一种变通方法

---

也许可以尝试找到一个新的网格/布局解决方案，更适合新的规范？

一个新的解决方案可能是最好的主意，尽管我不得不承认我没有想到CSS解决方案。