这是因为
overflow: hidden,除其他属性外,还引入了新的_块格式化上下文_ 。
您可以在这篇出色的文章中了解有关效果: 溢出的魔力:隐藏
更新:
我已经将您的jsFiddle重写为可以正常工作的东西(已在Chrome上测试)。我没有
margin-left在
#red和上进行定义
#blue(由于会有所不同
overflow: hidden),而是放了一个
margin-righton
#yellow。

这是因为
overflow: hidden,除其他属性外,还引入了新的_块格式化上下文_ 。
您可以在这篇出色的文章中了解有关效果: 溢出的魔力:隐藏
更新:
我已经将您的jsFiddle重写为可以正常工作的东西(已在Chrome上测试)。我没有
margin-left在
#red和上进行定义
#blue(由于会有所不同
overflow: hidden),而是放了一个
margin-righton
#yellow。