html - これらの2つのdivを互いに重ねるにはどうすればよいですか？

Question

私はその写真に示されているように3つのdivを持っています、ここに：

緑が赤より下にあることを確認するにはどうすればよいですか？

私のコードは次のとおりです。

<div id='black' style='float: left'></div>
<div id='red' style='float: left'></div>
<div id='green' style='float: left'></div>

よろしくお願いします。

Answer 1

この
グループを試してみてください。赤と緑のdiv
を新しいfloatにグループ化します。leftdivは、clrという新しいcssクラスを作成します。

div.clr{clear: both}

このマークアップを試してください

<div id='black' style='float: left'></div>
<div style='float: left'>
  <div id='red' style='float: left'></div>
  <div class="clr"></div>
  <div id='green' style='float: left'></div>
<div>​​​​​​​​​​

ここでテストしてください