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

Question

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

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

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

Answer 1

MDN Documentation

W3C Document

Maybe float was originally set to achieve text wrapping effect

Answer 2

Text elements and inline elements will be placed around floating elements, while block-level elements will fill the gaps before floating elements. I don’t know the specific reason why

Answer 3

Add overflow:hidden;

to the outer parent element

Answer 4

Two block elements are arranged from top to bottom. One floats to the left and the other naturally floats over