相对定位：应用relative 属性后具有空间层堆叠的性质，且原来占据的空间保留，相当于原位置留空并在上面一层相对于自身偏移。跟它的名一样，相对嘛，要有一个参照物，但这个参照不是别的，是它自己呢，也就是说没设相对定位的位置，那你会问了，设没设都在那个位置为什么要设呢，因为只有设置了才能使 TOP,LEFT这些生效，也就是设了才能相对自己原来的位置偏移，原来的位置保留着，偏移后会把其它的层遮罩住。

绝对定位：脱离文档流，绝对定位一定要参照物，否则直接Body来定位的。在布局里不可能有绝对定位的，再怎么样都有一个参照位置的，绝对定位的参照位置就不像相对那样是自己了，至于是哪个，就看它的上级或上上级有没有定位了，也就是有没有position:relative;或position:fixed了，好像position:inherit;也行，前面两个可以，后面那个不设什么的不用也行，最好用position:relative。它会像PS的图层一样单独做一层，至于第几层你可以通过z-index:这个属性来设置

相对定位>绝对定位。就是父元素用相对定位，子元素用绝对定位。这样才能有效果。

假如你家有三层，你就是一个文本元素，相对定位的意思就是你只能在某一层楼走动，而绝对定位的话就是你可以在三层楼随意走动，Got it?你暂时可以记住：绝对定位是脱离文本流的，而相对定位没有