把一个div 放在另一个div下

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

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

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条)

报告相同问题？

关注问题

把一个div 放在另一个div下
2016-11-04 07:25

回答 3 已采纳 ``` 例子 div1 div3 div2 `
怎么把三个DIV弄在一行， css html html5
2022-02-15 16:17

回答 5 已采纳外面大div使用盒子模型设置即可，css如下： .index-header { display:flex; justify-content:space-
HTML运行到浏览器时无故多出一个div html5
2022-06-03 14:20

回答 2 已采纳已解决，是谷歌浏览器的插件导致的。关闭对应的插件即可了
DIV放在另一个DIV的右下角
2020-04-23 15:49

workUF的博客借助CSS定位来实现，你将右下角的那个DIV放在另一个DIV里面，参考代码如下示： <div id="box1"> <div id="box2">测试内容</div> </div> <style> #box1{width:600px;height:600px;...
如何将两行div放在一行里 css vue.js 开发语言
2023-04-14 12:45

回答 4 已采纳需要给父元素设置两倍的宽度，不然就会自动换行。
如何将多个图像回显到同一个div中 html php
2018-11-16 07:52

回答 4 已采纳 Place the <div> around your foreach() loop: echo '<div class="container">'; foreach($
多个div浮窗的只有一个能移动的问题
2018-09-17 03:41

回答 1 已采纳你代码有问题，你这个代码原本是控制只能生成一个的if (document.getElementById("www_jb51_net") == null) ，这句就是，创建这个dom对象的代码视乎删除了
vue 悬停显示另一个div_CSS或者JS实现鼠标悬停显示另一元素
2020-12-18 21:54

weixin_39743722的博客想达到鼠标悬停到元素a上，显示另一个元素b，可以通过css实现也可以通过js实现。js:写两个函数：mouseenter，mouseleave，例如：其中$("#a").mouseenter(function() {$("#b").show("normal");});$("#a").mouseleave...
[CSS]求问如何把元素放在两个div中间？ css
2020-10-06 14:45

回答 2 已采纳我看 .blue 和 .content 都是正常文档流，如果你只是想让“方块乔”在中间，就 ``` ``` 此时你想让“方块乔”在哪直接加外边距就可以了，比如居中，距上-30px,
不会做，求帮助，两个div咋放到一行呢前端
2021-12-10 14:16

回答 3 已采纳 div默认是占满整行的，它属于块级元素加上display:inline-block就能变成行内元素，在同一行了
小白请问下这个页面布局的问题？div css css
2017-06-19 01:37

回答 2 已采纳 ``` #footer{position: absolute;bottom:0px;} //or #footer{position: fixed;bottom:0px;} ```
vue 悬停显示另一个div_鼠标滑过div让另外一个div从隐藏变为显示
2020-12-18 21:54

weixin_39989939的博客如下图：2、给显示或者隐藏的DIV，添加一个ID，ID名为:id="oa_submeau"，如下图：3、将以下的JQUERY代码放在整个网页的最底部，用于控制鼠标经过显示DIV，离开隐藏DIV。$("#oa_submeau").hide(...
如何用div+css制作一个两行五列的类似表格的东西 css
2016-12-15 06:48

回答 11 已采纳 Document this is my div and
flex布局实现叠在另一个div之上_html如何让其中一个div浮在另一个div上面
2020-12-20 15:59

weixin_39886172的博客展开全部html 让其中一个div浮在另一个div上面通常情况下，有两种实现方法：(1) 浮动62616964757a686964616fe4b893e5b19e31333366306461的元素设置float属性 (2) 浮动的元素设置position属性为 absolute, 另一个...
flex布局实现叠在另一个div之上_如何让一个div在另一个div的上面，求高手指点...
2021-01-12 16:26

weixin_39861669的博客展开全部方法：这个用绝对定位就可以搞定了。32313133353236313431303231363533e59b9ee7ad...举个例子：1.css代码.div1{height:30px;width:100%;background:#fff;position:relative;z-index:1;}.div2{height:...
没有解决我的问题, 去提问

悬赏问题

¥100 set_link_state
¥15 虚幻5 UE美术毛发渲染
¥15 CVRP 图论物流运输优化
¥15 Tableau online 嵌入ppt失败
¥100 支付宝网页转账系统不识别账号
¥15 基于单片机的靶位控制系统
¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
¥15 手机接入宽带网线，如何释放宽带全部速度

码龄粉丝数原力等级 --

把一个div 放在另一个div下

3条回答默认最新

码龄粉丝数原力等级 --

悬赏问题

把一个div 放在另一个div下

3条回答 默认 最新

悬赏问题

3条回答默认最新