为什么这里第二个div会覆盖住第一个div一部分呢

Question

 .position1{

        width:100px;

        height:100px;

        position: relative;

        left:20px;

        top:20px;

        background-color:blue;

} 

.position2{

        width:100px;

        height:100px;

        position: relative;

        left:10px;

        top:10px;

        background-color:#09F;

}

<div class="position1"></div>

<div class="position2"></div>

我觉得应该是两个div之间隔开个10px才对啊，

      

Answer 1

本来一上一下两个div，因为你上面那个，也就是第一个div相对原来的位置下移了20个像素，而第二个只相对原来的位置下移了10个像素，一抵消就是变成效果是第一个下移了10像素，当然会遮住啦

Answer 2

对于相对定位的元素来说，偏移不会影响其他的元素。所以下面div的top值是根据上面元素偏移之前的位置进行计算的。

Answer 3

因为你绝对定位了啊