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

Question

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

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

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

Answer 1

MDN ドキュメント

W3C ドキュメント

おそらく float は元々テキストの折り返し効果を実現するために設定されていたのでしょう

Answer 2

テキスト要素とインライン要素はフローティング要素の周囲に配置されますが、ブロックレベルの要素はフローティング要素の前の隙間を埋めます。

の具体的な理由はわかりません。

Answer 3

overflow:hidden;

を外側の親要素に追加します

Answer 4

2 つのブロック要素が上から下に配置され、1 つは左にフロートし、もう 1 つは自然に上にフロートします