Fluid 960网格系统 - IE7宽度错误

Question

我似乎遇到了流体960网格系统的问题，在IE7中，在非常间歇的宽度下，它推动第1和第2列下方的第3列（3列布局）。它似乎在其他所有浏览器上都能正常工作。

我似乎无法修复它。

为了帮助演示观看以下 20秒视频： http://dl.dropbox.com/u/4221318/ie7-fluid-960/960gs.flv

测试页： http://jsfiddle.net/Tribal/EwQUB/。我正在使用div.col嵌套div来允许我在.grid_4 div上创建填充。我尝试删除.col样式，但这不能解决问题。

感谢您的帮助，

萨姆

Answer 1

如果您有多个元素，请务必使用额外的alpha＆amp;欧米茄课程。

Alpha是第一项，omega是最后一项。这些类将适当的边距设置为0.

查看更新的小提琴： http://jsfiddle.net/7Eq4e/1/

和所涉及的CSS：

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}