在CSS中,使用盒子的相对定位,有以下两点总结:
First:使用相对定位的盒子,会相对于它在原本的位置,通过偏移指定的距离,到达新的位置。
Second:使用相对定位的盒子,仍然在标准流之中,它对父块和兄弟块没有任何的影响。
#block1{
position: relative;
bottom: 30px;
right: 30px;
}
#block2{
position: relative;
left: 30px;
top: 30px;
}
在没有移动时候的盒子位置,如下图:
进行相对移动后的盒子位置,如下图:
盒子1移动到距离原来的位置的右侧和下边框的30px的地方,盒子2移动到距离原来位置的左侧和上边框的30px的地方。