我在一个大的div中有三个div,宽度为2205p。它比大多数屏幕居中并且更大。
两个div是绝对定位的,一个在左边,一个在右边。它们是半透明的。
第三个div的宽度为2205p,包含一个宽度为2205p的图像。此图像的框被绘制以匹配其他两个div应该在的位置。
在IE9,Firefox和Safari中运行良好。
但是在Chrome(Windows或Mac)中,如果窗口是奇数个像素宽,则位置会发生偏移。 (如果窗口宽度是偶数,则工作正常。
使用镶边并调整窗口大小以查看。
http://nicecomputersny.com/chrome-bug.php
Chrome正在将大型div的大小从2205px更改为2206px,我认为这会产生这种效果。
编辑:我已经重新创建了宽度为2206像素的div并且Chrome没有更改div大小的问题,但问题仍然存在。答案 0 :(得分:0)
我将“center”添加到另一个大div内的大div的背景(内联)css规则中。我猜这也是一个四舍五入的问题,因为claesv建议使用汽车保证金。
http://nicecomputersny.com/chrome-bug3.php
我的实际问题(我以为我已经重新创建)是用建议的javascript修复的。