我为我的布局设置了一些div，一个主div和一个菜单div。
它们在Firefox中看起来很完美，但出于某种原因，Chrome和Safari搞砸了。
由于某些原因，当overflow:hidden;添加到CSS时，div的宽度会变小。我需要overflow:hidden;，因为我在主div中有其他浮点数。你可以在这里看到这个例子：
它在Firefox中很好用，但在Safari和Chrome中，div的右侧也有一个余量。
答案 0 :(得分：3)
从main移除边距似乎可以解决问题：
我认为它发生的是当设置overflow:hidden时，整个元素包围浮点数而不是div中的文本。所以这给了小提琴的结果。然后，如果你也设置了一个边距，则左边的填充将进一步减小宽度。
有点似乎是一个错误。
（现在没有FF来测试它，看看它是否会破坏FF。）
答案 1 :(得分：0)
将overflow:hidden移至#wrapper。这解决了它，但没有解释原因。