html 怎么设置一个<div>在另一个<div>的下面

发布网友 发布时间：2022-04-26 22:18

我来回答

共5个回答

热心网友 时间：2022-04-20 21:58

直接可以再css里面设置
例如：
<style>
.one{ width:100px; height:100px; border:1px solid #F00; clear:both;}
.two{ width:100px; height:100px; border:1px solid #F00; clear:both;}
</style>
<div class="one"></div>
<div class="two"></div>
解释：关键在与clear:both;这个是设置设置清除浮动；

热心网友 时间：2022-04-20 23:16

正常情况下,如果你没有设置两个div的浮动样式的话,content2就是在conten1下面的.比如:
<div id="content1" style="position:static;float:none;clear:both;">1</div>
<div id="content2" style="position:static;float:none;clear:both;">2</div>

热心网友 时间：2022-04-21 00:50

第一种方法：content1{z-index:100;}即添加z-index属性，z-index值越高层div就越上面。
第二种方法：用position属性
第三种方法：用float，一个浮动，另一个不浮动

热心网友 时间：2022-04-21 02:42

这个很简单啊
<div style="width:200px;height:400px;">
<div class="box1" style="width:200px;height:200px;float:left"></div>
<div class="box2" style="width:200px;height:200px;float:left"></div>
</div>

还有很多方法 看具体要求 建议去找一些 div+css的资料学两个星期 基本都学会

热心网友 时间：2022-04-21 04:50

两个div宽度大于他们的父元素宽度，两个div就一上一下了