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

Question

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

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

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

Answer 1

MDN文檔

W3C文檔

可能原本float被設定出來就是為了實現文字環繞效果

Answer 2

文字元素和行內元素會圍繞著浮動的元素安放，而塊級元素會填補浮動元素之前的空位,具體原因我也不太清楚

Answer 3

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

Answer 4

兩個塊元素自上而下排列 一個左浮動 另一個自然就 浮動過去了吧