960网格系统的奇怪行为

时间:2011-10-12 07:24:51

标签: css fluid-layout

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

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

  • FF 7:有效
  • IE6 - 9:有效
  • Chrome:糟透了
  • Safari:糟透了
  • iPad / iPhone:糟透了
  • Opera:糟透了

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

有关于此的任何想法吗?

1 个答案:

答案 0 :(得分:0)

看起来存在舍入问题(保证金似乎是4px而不是5)。

另一个提示:在DIV之间打印%20,这些DIV通常在块元素之间被忽略,但不在内联元素之间。

将保证金设定为0.6%并删除空格。