为什么蓝框不包围子div元素？

Question

我在jsbin上发布了一个简单的例子。而且我不明白为什么如果孩子们有一个浮动的话，蓝框不包围子元素：left。

http://jsbin.com/saluxapiti/1/edit?html,css,js,output

Answer 1

当你将属性设置为float时。它将你的元素放在html表面上。看起来像空气气球。

Answer 2

总结this page所述的内容：

浮动元素后面的元素会在它周围流动;因此，父类的边界围绕浮动的孩子流动。