<br> ピンクの div モジュールを緑色の div モジュールの後ろに配置するにはどうすればよいですか? <br> <br> <br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br /> <html xmlns="http://www.w3.org/1999/xhtml"> <br> <head> <br /> <meta http-equiv="Content-Type" content="text/html; charset=utf; -8" /> <br> <title>無題ドキュメント</title> <br> <style> <br> #container{ <br> width:600px; <br> height:500px; <br> background:gray; <br> } <br> #test1{ <br> width: <br> 高さ: 50 ピクセル; <br> 背景: 左; <br> 幅: 50 ピクセル; <br> クリア: 左; <br> #test4{ <br> 高さ: ピンク; <br> </スタイル> ;/head> <br> <body> <br /> <div id="test2"></div> <br> id="test4"></div> <br> < :green; <br> flaot:left; <br> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">#test3{width:50px;height:50px;background:green;clear:left;flaot:left;}</pre><div class="contentsignin">ログイン後にコピー</div></div> <br /> float が正しく記述されていませんでした<br />初心者によくある問題 <br /> <br /> 簡単に呼び出すためにクラスを追加できます: <br /> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code">.clear{clear:both;overflow:hidden;height:0px;line-height:0px;font-size:0px;}</pre><div class="contentsignin">ログイン後にコピー</div></div> <br /> <br /> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><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></pre><div class="contentsignin">ログイン後にコピー</div></div> <br>
