CSS盒子的定位

在CSS中，使用盒子的相对定位，有以下两点总结：

First：使用相对定位的盒子，会相对于它在原本的位置，通过偏移指定的距离，到达新的位置。

Second：使用相对定位的盒子，仍然在标准流之中，它对父块和兄弟块没有任何的影响。

#block1{position: relative;bottom: 30px;right: 30px;}#block2{position: relative;left: 30px;top: 30px;}

在没有移动时候的盒子位置，如下图：

进行相对移动后的盒子位置，如下图：

盒子1移动到距离原来的位置的右侧和下边框的30px的地方，盒子2移动到距离原来位置的左侧和上边框的30px的地方。