为什么float设置的元素会把同行的其他元素挤掉？

首先可以去了解一下inline-box，
然后float元素是破坏inline-box，导致它脱离所在行（line-boxes），进而产生左右贴边的情况，至于有时会令其他元素被覆盖，因为，如果float的元素中没有实体内容，例如是个img进行浮动，那就由于图片实体存在，所以看上去是排列在图片后面，如果只是一个带颜色的div，那后面的元素就被期覆盖了。