<p class="sougouContent"> </p> <p class="tag"> float:left; HTML css div </p> <!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> <br> <style type="text/css"> <br> #divmain{ <br> margin:0 auto; <br>幅:470ピクセル; <br> } <br> #div1{ <br> float:left; <br>幅:100ピクセル; <br>高さ:100ピクセル; <br>背景:#006; <br> } <br> #div2{ <br> <br> width:100px; <br>高さ:100ピクセル; <br>背景:#CCC; <br> <br> } <br> </style> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <br> <title>無标题文档</title> <br> </head> <br> <br> <br> <div id="divmain"> <br> <div id="div1">10</div> <br> <div id="div2">20</div> <br> </div> <br> <br> </body> <br> </html> <br> <br> <h2> 返還论 (解決案)</h2> <p class="sougouAnswer"> 以降のコードは、この人家を見ても不方便です。 float の後に div1 が通常のストリームから解放されるため、浮動します。 div2 も float にすると、div1、div2 は同様に終了し、div2 は div1 で停止します。この場合は、float に関する css 警告を参照してください。見てみると、float の後に div1 がフローから解放されるため、div2 も float にすると、div1、div2 は同様に 了し、div2 は div1 の後で浮遊します。参照 css は、float に関する説明を示します。 </p> <p class="sougouAnswer"> +1 <br></p>
