三个div由大到小分别为div1,div2,div3。
我想把div3浮动在div2上,并显示在右侧。
请教大家!
楼主,这要做的如果是三层嵌套的话,那最后一层的右浮动就可以了,在两层的话,那就最后一层用绝对定位,最外层用相对定位
把div3的position
设置为relative
,div2的float:right
不就可以啦吗
你可以利用绝对定位来试一下。将div2的position设置为relative,将div3的position设为absolute,right设置为0
不知道你的3个div是不是嵌套的。
我根据嵌套自己写了一下,效果如上图,不知道能不能解决你的问题~
<div class="div1">div1
<div class="div2">div2
<div class="div3">div3</div>
</div>
</div>
.div1{
width:300px;
height:200px;
background:orange;
/* overflow:hidden; */
}
.div2{
width:240px;
height:140px;
margin:10px auto;
background:yellow;
}
.div3{
width:100px;
height:100px;
background:pink;
float:right;
margin-top:20px;
}