除了参考JSFiddle上的以下示例外，我无法解释这一点-在该示例中，引入BLUE：hidden属性后，最后一个BLUE框未按预期扩展到宽度的100％。
我的印象是溢出：隐藏只会影响可见性，而不会干扰布局。有人可以解释此示例中的情况吗？
编辑： 此问题似乎仅限于webkit浏览器（例如Chrome）
这是因为overflow: hidden，除其他属性外，还引入了新的_块格式化上下文_ 。
overflow: hidden
您可以在这篇出色的文章中了解有关效果： 溢出的魔力：隐藏
更新： 我已经将您的jsFiddle重写为可以正常工作的东西（已在Chrome上测试）。我没有margin- left在#red和上进行定义#blue（由于会有所不同overflow: hidden），而是放了一个margin-righton #yellow。
margin- left
#red
#blue
margin-right
#yellow
