У меня есть макет div, а div с верхним полем не имеет верхнего края для своего родителя, но у родителя теперь есть верхнее поле. Как я могу сделать так, чтобы div class=box_container снова выровнялся с div class=container над ним?
HTML
<div class="right">
<div class="container">
</div>
<div class="box_container">
<div class="boxwrap">
<div class="box" ></div>
<div class="box" ></div>
<div class="box" ></div>
<div class="box" ></div>
</div>
</div>
</div>
CSS
.right{
height: 100%;
width: 250px;
background-color: blue;
position:relative;
float: right;
}
.container{
height: 225px;
width: 250px;
background-color: lightsteelblue;
}
.box_container{
height: 140px;
width: 250px;
background-color: darkslategray;
clear: both;
}
.boxwrap{
width: 245px;
height: 50px;
margin-left: 5px;
margin-top:20px;
clear: both;
}
.box{
height: 50px;
width: 50px;
margin-left: 5px;
margin-right: 5px;
float: left;
background-color: red;
}