CSS Box模型似乎在Chrome 15中被打破（最新稳定版）

Question

我认为在现代浏览器之间检查盒子模型问题的日子早已不复存在......

我在让Chrom [e | ium]正确显示我的网站方面遇到了问题，而且我已经设法创建了这个非常简单的错误示例：

HTML：

<div class="block">
    <div class="left">LEFT!</div>
    <div class="right">
        RIGHT! 16px margins on everything.... What's that??? → → → 
    </div>
</div>

CSS：

div.left {
    float: left;
    margin: 16px;
    padding: 16px;
    width: 256px;
    height: 256px;
    outline: 1px solid red;
    background: #fee;
}

div.right {
    margin: 16px;
    padding: 16px;
    overflow: hidden;
    outline: 1px solid blue;
        background: #eef;
}

问题的截图：

现场演示：

http://jsfiddle.net/g105b/BJuYR/

Answer 1

没有其他浏览器像WebKit那样。

Searching WebKit Bugzilla用于“块格式化上下文边距”会产生这种非常相似的结果：

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

作为一种解决方法，您可以使用我在评论中提出的修复：

  

删除div.right上的左边距将其排序：   http://jsfiddle.net/BJuYR/13/