两个高度不同的div左浮动时出现的问题

<div class=“tent">
<div class="aa"></div>
<div class="bb"></div>
<div class="aa"></div>
<div class="bb"></div>
</div>
.tent{width:115px;}
.aa{width:50px; float:left;}
.bb{width:50px; margin-left:15px; float:left;}
aa、bb的高度随内容自动增大但aa高度更高些，将它们都复制，我想要复制后的aa在之前的aa下面，但却在之前的bb下面，被挡住了怎么解决？

<div class=“tent">
<div class="aa"></div>
<div class="bb"></div>
<div style="clear:both"></div>
<div class="aa"></div>
<div class="bb"></div>
</div>中间加一个清除浮动的div就可以了