absolute是相对于自己最近的父元素来定位的，如果你不给其父元素相对定位，那么这个绝对定位就是相对于body或者其父元素的父元素来定位的。
举个例子：比如
|
1 2 3 4 5 |
<div id="aa"> <div id="bb"> <div id="cc">绝对定位内容</div> </div> </div> |
如果让cc绝对定位，必须给bb层首先定义个相对定位，这个相对定位无需设置位置。
否则cc会根据aa的位置（如果aa设置了相对定位的话），或者直接就根据页面的body来定位了。
relative是相对于自己来定位的，例如：#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。
另：relative 不脱离文档流，absolute 脱离文档流。也就是说：relative 的元素尽管表面上看到它偏离了原来的位置，但它实际上在文档流中还是没变。absolute的元素不仅位置改变了，同时也脱离了文档流。
打个比方：把相对定位的层比喻成一个楼层，比如3层，这个楼6层，那么设置相对定位右侧偏移100米。那么结果是什么呢？？？
结果就是，1、2、4、5、6楼层还在原来的位置，3层的位置还是给留着的哦（因为他还在文档流中），只是看着没有了，因为他往右边跑了100米，他成了空中楼阁啦。。
