流体960网格系统 - IE7宽度bug

Question

我似乎遇到了流体960网格系统的问题，在IE7中以非常间歇的宽度推动第一列和第二列以下的第三列（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是第一项，而Ω是最后一项。这些类设置适当的余量为0

见更新小提琴： http://jsfiddle.net/7Eq4e/1/

而这涉及到的CSS：

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

.alpha { 
    margin-left: 0; 
} 

.omega { 
    margin-right: 0; 
}