流体960:怪异的Alpha / Omega行为

时间:2010-02-16 08:28:33

标签: css 960.gs fluid-layout

我现在正在使用Fluid 960,而我正在使用alpha / omega获得一些奇怪的行为。我对alpha / omega的理解是它用于修复嵌套网格中的左/右边距。

然而,当我将alpha / omega应用于一对嵌套网格时,左侧网格有一个非常浅的缩进,而右侧网格有一个大的右侧缩进(视觉观察)。有谁知道发生了什么事?

2 个答案:

答案 0 :(得分:2)

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

<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>

现在按预期工作。

答案 1 :(得分:2)

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

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

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