box1 
一つのボックスを二つに分割する。
それらを縦に積む。
ポイントは、グループ化すること。
box2

.box1{
width:400px;
height:150px;
background-color:#ffefd5;
}

.box2{
float:left;
width:400px;
height:150px;
background-color:#ffe4c4;
}
<div>
 <div>
 <div class=”box1”>
 </div>
 <div>
 <div class=”box2”>
 </div>
</div>