ホームページ >ウェブフロントエンド >htmlチュートリアル >単純な div フローティング問題について質問する_html/css_WEB-ITnose
単純な div フローティング問題について質問する_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-06-24 11:38:471168ブラウズ
CSS float を学習したところですが、2 番目の div を最初の div の右側に配置し、3 番目の div を最初の div の下に配置したいと考えています。コードは次のとおりですが、3 番目の div が表示されて 2 番目の div を覆います。 、 なぜ？
<body> <div id="div_1" style="float:left"> 风风风风风风风f风 </div> <div id="div_2"> 火火火火火火火火 </div> <div id="div_3"> 水水水水水水水水 </div></body>
結果显示：
回复讨论(解决方案)
给#div_2也加个左浮動吧
给#div_2也加个左浮動吧
给div_2加了左浮動後で、3 番目の div の境界線と背景が消えていることに気づきました...
#div_2 に left float を追加しましょう
div_2 に left float を追加した後、3 番目の div の境界線と背景が消えていることがわかりました。 3 番目の div は消えました...
1 番目と 2 番目のフロートが残りました
3 番目の div は両方ともクリアされました
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。