css - 960 网格系统的奇怪行为

Question

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

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

• FF 7：有效
• IE6 - 9：工作
• 铬：糟透了
• Safari：糟透了
• iPad/iPhone：糟透了
• 歌剧：糟透了

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

有什么想法吗？

Answer 1

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

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

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