Fluid 960 Grid System - IE7 宽度错误

Question

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

我似乎无法修复它。

为了帮助演示，请观看以下 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 和 omega 类。

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

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

以及所涉及的 css：

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

.alpha {
    margin-left: 0;
}

.omega {
    margin-right: 0;
}