除了参考以下内容之外，我无法解释这一点 关于JS Fiddle的例子 - 在其中，在我引入overflow：hidden属性后，最后一个BLUE框未按预期延伸到宽度的100％。
我的印象是溢出：隐藏只会影响可见性方面，而不会干扰布局。有人可以解释这个例子中发生了什么吗？
编辑： 这个问题似乎仅限于webkit浏览器（例如Chrome）
除了参考以下内容之外，我无法解释这一点 关于JS Fiddle的例子 - 在其中，在我引入overflow：hidden属性后，最后一个BLUE框未按预期延伸到宽度的100％。
我的印象是溢出：隐藏只会影响可见性方面，而不会干扰布局。有人可以解释这个例子中发生了什么吗？
编辑： 这个问题似乎仅限于webkit浏览器（例如Chrome）
这是因为 overflow: hidden除了其他属性之外，还引入了一个新的 阻止格式化上下文。
你可以在这篇伟大的文章中阅读有关效果的内容： 溢出的魔力：隐藏
更新： 我有 重写了你的jsFiddle 进入有效的东西（在Chrome上测试）。而不是定义 margin-left 在...上 #red 和 #blue （因为这会有不同的行为 overflow: hidden），我已经放了一个 margin-right 上 #yellow。