菜鸟喊救命了!!!

如图:红线处是一个 向右浮动 的div1

如图:红圈内是嵌套在div1中的 向左浮动的div2


如图:产生了红圈内的空间.多余的空间如何清除掉?
这是简化的代码:

html:

<div>
<div class="div1">
<div class="div2"></div>
<div class="div2"></div>
<div class="div2"></div>
<div/>
</div>

css:
.div1{float:right;}
.div2{float:left;}