ホームページ >ウェブフロントエンド >htmlチュートリアル >コンテナ内に float:left のある img と float なしの div が存在するのですが、なぜ overflow:hidden を追加することで div を img の左右から分離できるのでしょうか? _html/css_WEB-ITnose
コンテナ内に float:left のある img と float なしの div が存在するのですが、なぜ overflow:hidden を追加することで div を img の左右から分離できるのでしょうか? _html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-21 09:22:171238ブラウズ
<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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。