除了引用以下example on JS Fiddle之外，我无法解释这一点 - 在其中，在我引入overflow：hidden属性之后，最后一个BLUE框未按预期扩展到100％的宽度。
我的印象是溢出：隐藏只会影响可见性方面，而不会干扰布局。有人可以解释这个例子中发生了什么吗？
修改 这个问题似乎仅限于webkit浏览器（例如Chrome）
答案 0 :(得分：16)
这是因为overflow: hidden和其他属性之间引入了新的block formatting context。
您可以在这篇精彩的文章中了解效果： The magic of overflow: hidden
更新：我已rewritten your jsFiddle处理正在运行的内容（在Chrome上测试过）。我没有在margin-left和#red上定义#blue（由于overflow: hidden会采取不同的行为），而是在margin-right上加#yellow }。