当孩子比父母更宽时，Chrome和Safari会错误地计算边距

Question

这是一个示例（将弹出一个包含结果的警告框）。在Firefox中运行此操作，然后在Chrome和/或Safari中运行

http://jsfiddle.net/QeaVM/

注意FF在outerWidth计算中如何正确包含左边距和右边距。请注意Safari / Chrome如何错误地声明#Container的outerWidth等于#Frame的外部宽度。

此外，请注意Safari / Chrome在明确设置为300px时错误地将#Container的margin-right报告为负数

这是web-kit或jquery中的错误吗？

Answer 1

查看两个浏览器的检查器中的页面（完全忽略javascript），你可以看到相同的差异（以便排除jQuery）。

看起来很奇怪，似乎是报告了webkit的错误。

https://bugs.webkit.org/show_bug.cgi?id=13343

https://bugs.webkit.org/show_bug.cgi?id=24511

评论提到了一种解决方法“一种解决方法是设置要显示的元素：none（或内联块），测量边距然后将显示设置回块。”