CSS 中的定位：relative,absolute

今天碰到一个定位问题，问题解决不好，于是花了大量的时间，调试了好久，得出了一些结果：

1、如果有两个不交叉的盒子位于一个大盒子里面，位于上边的盒子的定位为relative，而下边的那个盒子的定位则是position的话，那么relative的盒子居上，position的盒子会被relative挤下来的，如果position的盒子设定了top或left属性的话，那它会覆盖在relative的盒子之上，则它是相对最外层的盒子而定位的。

2、如果有两个不交叉的盒子位于一个大盒子里面，位于上边的盒子的定位为position，而下边的那个盒子的定位则是relative的话，那两个盒子会相互覆盖。也就是说里面的这两个例子全是相对最外面的大盒子而定位的。