css浮动脱离了正常的文档流，浮动元素为什么没有覆盖相邻的元素，而是形成了文字环绕的效果。应该是覆盖文字才是啊？
至于1楼的说法 ，不敢苟同 ，因为float 是没有脱离文档流的，他和文字是在同一文档流
float的作用就是相当给元素 加了一个inline-block和一个向左或者向右靠边的的属性
absolute 定位才是脱离 当前文档流
至于底层的机制 可以移步到 前端大牛的 张鑫旭的博文
以及一个讨论 float 是否脱离文档流的 一个论坛
浮动是脱离文档流的，会覆盖别的框，这里需要强调一下此处的框是指非行框的框。
当行框与浮动框相遇时，浮动框旁边的行框被缩短，从而给浮动框留出空间，行框围绕浮动框。
下图有两个 p 段落，段落是被覆盖的，但段落里的文本属于行框，行框缩短，给浮动留出空间。
如果你想要其覆盖文本框，将文本框设置为绝对定位就可以了。