cssでfloatを学んでいて疑問に思ったのですが
以下のコードの場合
```html
<div class="green"></div> <div class="yellow"></div> <div class="red"></div>```css .green{ background-color: green; width: 200px; height: 400px; float: left; } .yellow{ background-color: yellow; width: 200px; height: 200px; float: left; } .red{ background-color: red; width: 200px; height: 200px; clear: left; }
実行した結果greenの図が左端にありその右にyellowの図が横並びになりred
の図はgreeの下に配置され回り込みが回避されている状態なのですが
__これを左端にgreenその右にyellow、yellowの下にredを配置するにはどのようにしたらよいですか?__
.yellowの中にposition:relative .redの中にposition:absoluteをいれたりしましたけどうまくいきません
お力添えをよろしくお願いいたします
回答1件
あなたの回答
tips
プレビュー