在CSS中,float是很常用的一个浮动属性,拥有此属性的Html元素会从标准流中拉出来,按照属性重新布局。下图三个块级子元素中的son1利用浮动从流中拉出,宽度不再适配父元素而是根据内容确定,这时son2就是流的第一位,它的边界是如何确定的呢?事实上son2与son1的左边界重合,宽度与son3一样还是原来的宽度,但是内容给son1让位从它的旁边开始显示,这种重合假象在内容复杂的时候很容易失控。