html - Chrome 将 div 移动 1 取决于窗口大小是奇数还是偶数 px

Question

我在一个宽为 2205p 的大 div 中有三个 div。它居中并且比大多数屏幕都大。

其中两个 div 是绝对定位的，一个在左侧，一个在右侧。它们是半透明的。

第三个 div 的宽度为 2205p，包含一个宽度也为 2205p 的图像。此图像绘制的框与其他两个 div 应该在的位置相匹配。

在 IE9、Firefox 和 Safari 中运行良好。

但在 Chrome（Windows 或 Mac）中，如果窗口宽度为奇数像素，则位置会发生变化。（如果窗口宽度为偶数，则工作正常。

使用 chrome 并调整窗口大小以查看。

Chrome 正在将大 div 的大小从 2205px 更改为 2206px，我认为这是在创建这种效果。

编辑：我重新创建了宽度为 2206px 的 div 的问题，Chrome 没有更改 div 的大小，但问题仍然存在。

score 0 · Accepted Answer

我在另一个大 div 内的大 div 的背景（内联）css 规则中添加了“中心”。我猜这也是由于 claesv 建议的自动边距的舍入问题。

我的实际问题（我认为我已经重新创建）已使用建议的 javascript 修复。

1 回答 1