把一个div 放在另一个div下

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

3个回答

 <!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

这种布局用定位很好做啊

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问