960 网格系统的奇怪行为

【问题标题】：Strange behavior with 960 Grid System960 网格系统的奇怪行为
【发布时间】：2011-10-12 15:48:19
【问题描述】：

我正在构建基于960 Grid System 的布局。我喜欢固定 (px) 版本，但想使用流体 (%) 版本并在其周围包裹一个固定大小的 div。

问题是这不适用于所有浏览器：

为了明白我的意思，我做了一个small page。单击切换按钮以更改为相对。它应该看起来一样，但不是:(

对此有什么想法吗？

【问题讨论】：

【解决方案1】：

看起来存在舍入问题（边距似乎是 4px 而不是 5）。

另一个提示：您在 DIV 之间打印 %20，这通常在块元素之间被忽略，而不是在内联元素之间。

将边距设置为 0.6% 并删除空格。

【讨论】：

用 webkit 浏览器看一下？ 1px 不会打扰我
AFAIK（我很清楚）Chrome 是一个 WebKit 浏览器。我尝试了 Chrome 和 FF 7。（顺便说一句：每个边距 1px 使 16 列的边距差异为 32px。拿尺子测量。）