barry_di 2016-11-04 07:25 采纳率: 100%
浏览 3835
已结题

把一个div 放在另一个div下

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

  • 写回答

3条回答 默认 最新

  • 俊刚、 2016-11-04 08:08
    关注
     <!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>

    这个例子你试下

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？