我在Firefox 3中遇到了居中项目的问题。（我搜索过但无法找到答案 - 希望不会重新发布）
我将代码剥离到只有两个元素来演示这个 - 你可以在这里看到它： http://prwmusic.com/misc/csstest/home-sample-fix.html
现在慢慢地使浏览器窗口变宽和变窄。假设您使用的是Firefox 3，您是否看到白色背景如何在蓝色DIV的左侧突然出现，而其他每个像素都拖得更宽或更窄？然而IE6，IE7，Safari，甚至FF2都没问题。
我所做的是创建了一个DIV并在该DIV中添加了“white page with shadow background”，以便访问者可以在水平滚动条显示之前使浏览器尽可能地缩小。然后有一个嵌套的DIV具有蓝色背景。背景中的白色区域和蓝色div都是970像素宽，因此它们都应该始终匹配，因为它们都是居中的。
似乎正在发生的事情是，当窗口大小为奇数时，Firefox会在背景图像的右侧添加1，但它会向前景的左侧添加1，这会抛弃所有内容。
第一个想法可能是“只在背景图像中包含蓝色”。但是我正在研究的项目的实际设计相当复杂，这种奇怪的现象发生在整个网站，所有页面的上下部分 - 我不能选择让蓝色成为背景的一部分。我只是用这个简单的例子来演示。
有没有办法让这些项目始终在Firefox 3中保持对齐，以确保如果某人的浏览器处于奇数宽度，则没有显示奇怪的东西？ （显然，不会在所有其他浏览器中破坏它）
答案 0 :(得分：1)
这是一个舍入错误。有关详细信息和可能的修复，请参阅this mozillaZine forum topic。
答案 1 :(得分：0)
你的固定宽度元素在另一个元素中。
尝试使用fixed元素作为容器，并将inner元素的宽度设置为100％。
