我对 Chrome（或 FF？）有这个烦人的问题。我还没有检查IE。渲染有一个像素差异，我不知道在哪里可以挖掘更多。我已经使用了三种浏览器（FF、Opera、Chrome）的所有检查器来查看是否有任何需要调整的地方，但没有成功。这要么是一个错误，要么我对这个错误视而不见。
在此处查看示例：www.vanwright.com/catalogue/le-kex-walking-kids/
问题是指两行中从左侧开始的第一张图像的左边距。Chrome显示2px边框，而其他浏览器显示1px，这就是我所追求的。它是由 nth-of-type 选择器引起的吗？可能不是，因为这里：www.vanwright.com/collections/ 似乎有同样的问题（margin-left: -10px 在 Chrome 中显示 1px 行，而在 FF/Opera 中没有空间）。
我搞不清楚了。有任何想法吗？
谢谢，流行
选项1
修复和维护960px布局：
删除所有的:nth-of-typeCSS.pi-pad
将 .pi-pad 的 css 更改为：.pi-pad {margin: 1px 1px 1px 0; width: 318px; padding: 0px;}
修复数学 960px 布局的背景（我认为它目前是为 979px 布局设计的）；
选项 2
展开当前布局以匹配背景。（这很笨重，因为背景的宽度不能被 3 整除）
CSS for.container并且.span-12应该指定width: 979px
更改.pi-pad:nth-of-type(3n+1)或.pi-pad:nth-of-type(3n)CSS 以读取width: 325px;并删除另一个。
更改.pi-padCSS 以读取.pi-pad {margin: 1px 1px 1px 0; width: 324px; padding: 0px;}
=========编辑=========
我在看到你上面的回复之前发布了这个，我也忘了隐藏你的溢出。
使用选项 2，现在我确定它是 980 像素（我测量时看起来像 979）
.container并且.span-12应该有width: 980px;
更改.pi-padCSS 以读取.pi-pad {overflow: hidden; margin: 1px 1px 1px 0; width: 325px; padding: 0px;}
使用.pi-pad:nth-of-type(3n)OR.pi-pad:nth-of-type(3n+1)应该指定width: 326px;并删除另一个。
这是一个 Chrome 错误。感谢 runspired 抽出时间。对于试图修复无法修复的任何人，我们深表歉意。