###実現したいこと
box-3とbox-4をbox-2の直下に配置したい。(現状のURL参照)
###ソースコード
html
<div class="test"> <div class="box box-1">box-1</div> <div class="box box-2">box-2</div> <div class="box box-3">box-3</div> <div class="box box-4">box-4</div> </div>
css
.test { width: 919px; height: 400px; float: left; display: flex; flex-wrap: wrap; } .box-1 { width: 460px; height: 400px; background-color: gainsboro; text-align: center; line-height: 400px; } .box-2 { width: 459px; height: 200px; background-color: lightgray; text-align: center; line-height: 200px; } .box-3 { width: 230px; height: 200px; background-color: silver; text-align: center; line-height: 200px; } .box-4 { width: 229px; height: 200px; background-color: darkgray; text-align: center; line-height: 200px; }
いろいろ試したものの、意図した配置にならず、お手上げ状態です。
詳しい方いらっしゃいましたら、教えていただけませんでしょうか。
以上、よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー