把一个div 放在另一个div下

图片说明
有3个div,我先把div1和div2横着放，设置了float:left，现在我要把第div3放在div1正下面
怎么放。

 <!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8"> 
   <title>例子</title>
  <style type="text/css"> 
    .nav{float:left;}
    .div1{width:60px;height:100px;border:1px solid black;} 
    .div2{width:80px;height:130px;border:1px solid red;float:left;}
    .div3{width:60px;height:30px;border:1px solid black;}
  </style>
</head>
<body>
    <div class="nav">
        <div class="div1">div1</div>
        <div class="div3">div3</div>     
    </div>
    <div class="div2">div2</div>   
</body>
</html>

这个例子你试下

div1,div3放一个容器里面，容器和div2设置float

这种布局用定位很好做啊