relative与absolute的区别

relative相对定位
相对于其在正常文档流中的位置偏移，相当于块级元素，默认情况宽度为父元素宽度。
relative只能设置left和top，设置right和bottom无效

absolute绝对定位
把其父元素看作一个盒子的话，它默认会被放在盒子的左上角，但绝对定位的元素相当于行级元素，宽度根据内容定，注意有一点小区别，可以设置宽高，相当于inline-block。
absolute可以设置left，right，top,bottom,并且可以同时设置，宽高会自动计算出来。