请问一下 为什么img标签加上左浮动之后 它原本在下面的东西就能跑到img的右边去呢？
我记得p1和p2，假如把p1加上左浮动的时候，那这时不是应该是p1覆盖了一部分p2的吗？求高手解答一下 谢谢！
这和标签什么默认属性有关系的吗 ？
拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...
MDN ドキュメント
W3C ドキュメント
おそらく float は元々テキストの折り返し効果を実現するために設定されていたのでしょう
テキスト要素とインライン要素はフローティング要素の周囲に配置されますが、ブロックレベルの要素はフローティング要素の前の隙間を埋めます。
overflow:hidden;
2 つのブロック要素が上から下に配置され、1 つは左にフロートし、もう 1 つは自然に上にフロートします
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
MDN ドキュメント
W3C ドキュメント
おそらく float は元々テキストの折り返し効果を実現するために設定されていたのでしょう
テキスト要素とインライン要素はフローティング要素の周囲に配置されますが、ブロックレベルの要素はフローティング要素の前の隙間を埋めます。
の具体的な理由はわかりません。overflow:hidden;
を外側の親要素に追加します2 つのブロック要素が上から下に配置され、1 つは左にフロートし、もう 1 つは自然に上にフロートします