コンテナ内に float:left のある img と float なしの div が存在するのですが、なぜ overflow:hidden を追加することで div を img の左右から分離できるのでしょうか? _html/css_WEB-ITnose

<div class="container">    <img style="height:100px;width:100px;float:left;" src="xx.jpg" />    <div style="overflow:hidden">123</div></div>

効果は次のとおりです:

そして div は img の幅を除くすべての正しい幅を占めます。 overflow:hidden を追加しない場合、効果は次のようになります。

div に float:left を追加した場合も上記の効果を達成できますが、div の幅を設定する必要があります。そうしないと、正しい幅。

アドバイスお願いします、アドバイスお願いします！

ディスカッションへの返信(解決策)

すでに解決済みです。 overflow:hidden により div が BFC 効果を生成するためです。詳しくは「CSS BFC」で検索してください

誰か返信してくれませんか？返信は締め切られています

Xie Wanzun