溢出:隐藏在Chrome和Safari中的边距混乱

Rob*_*Rob 6 css margin

我为我的布局设置了一些div,一个主div和一个菜单div.

它们在Firefox中看起来很完美,但出于某种原因,Chrome和Safari搞砸了.

由于某种原因,当overflow:hidden;添加到CSS 时,div的宽度变小.我需要overflow:hidden;,因为我在主div内有其他浮子.你可以在这里看到这个例子:

http://jsfiddle.net/kR7rs/2/

它在Firefox中很好用,但在Safari和Chrome中,div的右侧也有一个余量.

Jam*_*gne 3

删除边距main似乎可以修复它:

http://jsfiddle.net/kR7rs/3/

我认为发生的情况是,当overflow:hidden设置时,整个元素会围绕浮动而不是 div 中的文本。所以这给出了小提琴的结果。然后,如果您还为其设置了边距,则宽度会因左侧填充而进一步减小。

有点像一个错误。

(现在没有 FF 来测试它,看看它是否会破坏 FF。)