css的position属性absolute和relative比较

**absolute定位：**脱离原来的位置定位。是相对于最近的有定位的父级进行定位；如果没有有定位的父级元素，就相对于文档定位；
**relative定位：**保留原来的位置进行定位，相对于自己原来（出生的）位置进行定位；
什么时候用relative？什么时候用absolute？
如果想定位就要找好参照物；
absolute定位：脱离原来的位置定位。是相对于最近的有定位的父级进行定位；如果没有有定位的父级元素，就相对于文档进行定位；
reletive定位：保留原来的位置进行定位，相对于原来（出生的）位置进行定位；
我们一般用relative作为参照物（不用relative进行定位），用absolute进行定位，给一个元素只设置一个relative，不设置left、right、top、bottom、看起来这个元素没有什么用，但是它保留了原来的位置，就对后续元素没有什么影响，absolute可以任意调整自己的参照物，更加灵活，所以定位想让谁成为基地，就给谁加relative定位，并不设置方向。