相对定位(relative)：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。相对定位一个最大特点是：自己通过定位跑开了还占用着原来的位置，不会让给他周围的诸如文本流之类的对象。相对定位也比较独立，做什么事它自己说了算，要定位的时候，它是以自己本身所在位置偏移的(相对对象本身偏移)。
可以联合使用top,right,left和bottom四个属性来设置相对定位元素的偏移值。每一个属性值被解释为元素外边框相对于原来正常位置的距离。
请注意这些偏移值是有约束的。例如，假设你同时设定了left和right属性的值，如果其中一个元素的值不是另外一个值的相反值的话(比如4和-4,译者注)，那么right属性的值将会被忽略。设定某一个具体的宽度值也有可能使偏移值被忽略。这个规则同样适用于top,bottom以及height属性。
在实际中，你将很有可能只设定left,right中的任一个以及top，bottom中的任一个。
如上图：图一是正常的网页布局，图二为设置相对定位以后的网页布局，虚线红框代表div本身位置，在设置top:70px; left:70px的作用下，位置相对于本身（方块左上角（0，0）坐标位置）分别向下移动70px；向左移动70px；如果设置成负值效果为top:-40px; left:-40px;则向反方向移动，如图三所示。right，bottom属性类似，多做几次测试相信都会明白这些道理。
