html5 - 关于img标签 左浮动的问题

Question

请问一下 为什么img标签加上左浮动之后 它原本在下面的东西就能跑到img的右边去呢？

我记得p1和p2，假如把p1加上左浮动的时候，那这时不是应该是p1覆盖了一部分p2的吗？求高手解答一下 谢谢！

这和标签什么默认属性有关系的吗 ？

Answer 1

MDN文档

W3C文档

可能原本float被设置出来就是为了实现文字环绕效果

Answer 2

文本元素和行内元素会围绕着浮动的元素安放，而块级元素会填补浮动元素之前的空位,具体原因我也不太清楚

Answer 3

在外层的父元素加上overflow:hidden;

Answer 4

两个块元素自上而下排列 一个左浮动 另一个自然就 浮动过去了吧