如何设计浮动的div?

Question

三个div由大到小分别为div1,div2,div3。

我想把div3浮动在div2上，并显示在右侧。

请教大家！

Answer 1

不知道你的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;
}

Answer 2

你可以利用绝对定位来试一下。将div2的position设置为relative，将div3的position设为absolute，right设置为0

Answer 3

把div3的position设置为relative，div2的float:right不就可以啦吗

Answer 4

楼主，这要做的如果是三层嵌套的话，那最后一层的右浮动就可以了，在两层的话，那就最后一层用绝对定位，最外层用相对定位