float浮动就是脱离正常文档流了。可以想象成设置了float的box2为浮动在半空中，其后未设置float的box3还在地面上，自然可以占据box2原先在地面上的位置。

而如果box3也设置了浮动，则想象成box3也和box2一样脱离了文档流，但两个都浮动在空中处于同一层，自然就无法进行覆盖了。都设置浮动为什么会紧贴着是因为一旦将元素设置了float属性后，会隐式的将其属性改为inline-block。

拓展：可以试试在box3中加入一些文字然后再看看。会发现block类型的box3可以占据box2原先的位置，但是box3中的文字（inline以及inline-block类型）会环绕box2。想要渗入理解这一点可以去看CSS的haslayout。