<p class="sougouContent"> <!--html コード--> <br> <head> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> ; <br /> <title></title> <br> </head> <br> <div id="red ">ブログの左側</div> <br> <div id="blue">ブログの右側</div> <br> <div class="clear"></div> <br> < ;div id="green">ブログの著作権情報</div> <br> <br> <br> </html> <br> <!--CSS code--> {色:白; 高さ: 200;} <br> #赤{背景:#900;幅: 200;浮動小数点: 左;} <br> #青{背景:#009;幅: 300;浮動小数点: 左;} <br> .clear{ Clear: Both;} <br> #green{background:#090;width: 500;height: 100;margin: 0 0 0 0px;} <br> <br> <br> 1行目で赤と青の四角を近づけたい緑色のバーは 2 行目と 1 行目の近くにありますが、ブロックの 2 つの層の間には常に削除できない空白の行があります。ラベルをリセットしませんでした。 *{margin:0px;padding:0px;} を追加するだけでOKです<br></p>