我们知道div属于块状元素，它可以设置宽高和单独占据一行的特性。所以如果我们要想让两个div可以并排在一起，就需要使用float浮动元素才能实现。

注释：如图所见，绿色div叠加到了灰色div上，因为绿色div使用了float属性左飘，所以可以看做使用了float的div/块状元素就相当于变成了一个“气球”飘出了原来的平面，升到了原来平面的正上空。

而下面的灰色div由于绿色div飞到了原来平面的正上空，所以就自动填补了它原来位置的空间，走到了上面，如果两个div宽高是一样，则看起来就是完全重叠。

所以如果要想两个div都能左右的并排，那下面灰色div也要加上一个左浮元素（float:left）

注释：如图→下面灰色div也票到空中，同时，由于气球它默认漂浮起来之后都是要尽可能往左上角靠拢，所以，当绿色div漂浮到左上角之后，灰色div也跟着飘到左上角，这个时候两个“气球”就并排在一起了。而此时，两个div可以看作气球都飘到了原来平面的上空，这就是float的一个“气球漂浮原理”。