CSS里面position：relative与position：absolute 区别

position：absolute这个是绝对定位；是相对于浏览器的定位。
比如：position：absolute；left:20px;top:80px;
这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。

 

position：relative是相对定位，是相对于前面的容器定位的。
这个时候不能用top left在定位。应该用margin。
比如：<div class="1"></div><div class="2"></div>
当1固定了位置。1的样式float:left;width:100px; height:800px;
2的样式为float:left; position：relative；margin-left:20px;width:50px;
2的位置在1的右边，距离120px

 

摘自http://zhidao.baidu.com/question/69984654