css - 流体 960：奇怪的 Alpha/Omega 行为

Question

我目前正在使用 Fluid 960，并且我在 alpha/omega 上遇到了一些奇怪的行为。我对 alpha/omega 的理解是它用于修复嵌套网格中的左/右页边距。

但是，当我将 alpha/omega 应用于一对嵌套网格时，左侧网格的缩进非常浅，而右侧网格的右侧缩进很大（视觉观察）。有谁知道发生了什么？

Answer 1

它只需要嵌套网格，例如。

<div class="container_12">
    <div class="grid_2">sidebar</div>
    <div class="grid_6">
        <div class="grid_2 alpha">
            1
        </div>
        <div class="grid_2">
            2
        </div>
        <div class="grid_2 omega">
            3
        </div>
    </div>
    <div class="grid_2">photo's</div>
    <div class="grid_2">advertisement</div>
</div>

现在按预期工作。

Answer 2

我认为嵌套网格在 Fluid 960 中不起作用。网格的宽度是按百分比定义的，而不是精确的像素。

以前面的答案为例，grid_6 将转换为宽度的 48%，然后 grid_6 内的 grid_2 将转换为 14.666% * 48%，但预期为 14.466%。

我也面临同样的问题，可能不得不恢复到非流体版本。请建议是否有解决方案或我错了。