为什么这里第二个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

因为你绝对定位了啊