Css 960网格系统的奇怪行为

Css 960网格系统的奇怪行为,css,fluid-layout,Css,Fluid Layout,我当时正在根据地图构建布局。我喜欢固定(px)版本,但希望使用流体(%)版本,并在其周围包裹一个固定大小的div 问题在于,这并不适用于所有浏览器: FF 7:工程 IE6-9:工程 Chrome:很烂 狩猎:糟透了 iPad/iPhone:糟透了 歌剧:糟透了 为了明白我的意思,我做了一个决定。单击“切换”按钮以更改为“相对”。它看起来应该是一样的,但不是:( 有什么想法吗?看起来有舍入问题(边距似乎是4倍而不是5倍) 另一个提示:在块元素之间通常被忽略的div之间打印%20,但在

我当时正在根据地图构建布局。我喜欢固定(px)版本,但希望使用流体(%)版本,并在其周围包裹一个固定大小的div

问题在于,这并不适用于所有浏览器:

  • FF 7:工程
  • IE6-9:工程
  • Chrome:很烂
  • 狩猎:糟透了
  • iPad/iPhone:糟透了
  • 歌剧:糟透了
为了明白我的意思,我做了一个决定。单击“切换”按钮以更改为“相对”。它看起来应该是一样的,但不是:(


有什么想法吗?

看起来有舍入问题(边距似乎是4倍而不是5倍)

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


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

让您使用webkit浏览器查看一下吗?1px不会打扰meAFAIK(我很清楚)Chrome是webkit浏览器。我尝试了Chrome和FF 7。(顺便说一句:每边距1px在16列上产生32px的边距差。使用尺子测量。)