例如，如果我制作了一个由 50% 宽度和 50% 高度绝对定位的四张图片组成的 block ，则 Internet Explorer 中的结果如下所示:
http://img716.imageshack.us/img716/8376/96774641.png
正如预期的那样，图像彼此紧挨着放置。
但 Chrome 中的相同代码会产生以下结果:
http://img560.imageshack.us/img560/7976/chrome.png
图像略微缩小，以便为中间的间距腾出空间。
我的样式已经包括:
border-style: none;
border-width: 0;
padding: 0;
margin: 0;
... 那么，为什么 Chrome 将我的图像彼此分开，我如何才能在不改变其他浏览器正确呈现的显示的情况下修复它？
编辑: <link removed>
请注意，实际页面要复杂得多，有超过 1,000 个 <img>元素。
它会在任何非硬件加速的浏览器中加载缓慢。
我已经确认 FireFox 以与 IE8 相同的方式呈现它，图像应该是彼此相邻的。
最佳答案
这可能是一个舍入问题:例如，50% 的宽度最终可能会变成 223.5px。
鉴于您使用的是固定尺寸的图像，为什么不指定以像素为单位的位置呢？
关于html - 为什么谷歌浏览器在元素放置方面不够精确？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4119257/