DIV について新人に質問する float_html/css_WEB-ITnose

CSS は次のようになります
#main
{
margin:12px 0px 0px 0px;
幅: 100%;
高さ: 600px;
#main-left
{ width:660px;
float: left;
width:300px;
高さ: 100px;
問題は、なぜ main-right1 が main-left の右側ではなく main-left の下に囲まれ、さらに main DIV をオーバーフローしているのかということです。 。
width:300px;max-height:100px; を削除すると、main-right1 が main-left の右側に配置されます


ディスカッションへの返信 (解決策)


さらに、ブラウザが縮小すると、メイン DIV の幅は 100% になります。 。 。

簡単なデバッグ: 真ん中の赤い部分は空白として使用できます

tiaoshi: デバッグ中に使用され、選択的に削除できます

If div 中に画像がない場合。 、メイン左の右側あたりに配置できます。 。私はこれを知っている。 。

これを試してみます: main-left に display:block を追加します; main-right1 に float:right を追加します。

#main-right1 に float:left を追加するか、2 つの div の幅を減らします。