barry_di
2016-11-04 07:25
采纳率: 85.4%
浏览 3.5k
已结题

把一个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>
    

    这个例子你试下

    打赏 评论
  • div1,div3放一个容器里面,容器和div2设置float

    打赏 评论
  • huihuiZ_H5 2016-11-04 08:50

    这种布局用定位很好做啊

    打赏 评论

相关推荐 更多相似问题