ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS フローティングを解決する style_html/css_WEB-ITnose
CSS フローティングを解決する style_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 09:31:001408ブラウズ
ピンクの div モジュールを緑色の div モジュールの後ろに配置するにはどうすればよいですか?
9b3b10fcd6530c1d1131b6ce967cfc61
f377a852ca481f68c09a05dc7a8b8687
b2386ffb911b14667cb8f0f91ea547a7無題ドキュメント6e916e0f7d1e588d4f442bf645aedb2f
c9ccee2e6ea535a969eb3f532ad9fe89
#container{
width:600px;
height:500px;
background:gray;
}
#test1{
width:
高さ: 50 ピクセル;
背景: 左;
幅: 50 ピクセル;
クリア: 左;
#test4{
高さ: ピンク;
54f4bf82a62806916396a85a33e2cff4 ;/head>
e7d9f655d7c3f9cebf7f6230c19508fa16b28748ea4df4d9c2150843fecfba68
id="test4">16b28748ea4df4d9c2150843fecfba68
< :green;
flaot:left;
#test3{width:50px;height:50px;background:green;clear:left;flaot:left;} float が正しく記述されていませんでした
初心者によくある問題
簡単に呼び出すためにクラスを追加できます:
.clear{clear:both;overflow:hidden;height:0px;line-height:0px;font-size:0px;} <div id="container"> <div id="test1"></div> <div id="test2"></div> <div class="clear"></div> /*添加一个div*/ <div id="test3"></div> <div id="test4"></div></div>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。