这个容器始终位于距离浏览器左20px,距离浏览器上80px的这个位置。position：relative是相对定位，是相对于前面的容器定位的。这个时候不能用top
left在定位。应该用margin。比如：<div
class="1"></div><div
class="2"></div>当1固定了位置。1的样式float:leftwidth:100px
height:800px2的样式为float:left
position：relative；margin-left:20pxwidth:50px2的位置在1的右边，距离120px
如图，position:relative 是在3个DIV原来各自位置的基础上进行移动的，也就是说和父元素没有直接的关系，仅仅相对于他们自身在文档中本该出现的位置进行移动。比如，设置了right：10px，就表示在原位置的基础上，向左移动10px，这时将超出父元素的外框。需要注意的是，relative是相对于自身，而不是相对于父元素。
另外，相对于父元素进行定位，是指在父元素设置为 relative ，子元素设置为 absolute 的情况下。如果父元素没设置为relative，而是默认的static，那么子元素的absolute就是相对于body进行定位，而不是父元素。
