position：absolute 绝对定位
是更具最近的定位父级进行定位的，如果没有确定定位父级，就以浏览器窗口进行定位。比如：position：absolute; left:20px; top:80px; 这个容器始终位于距离浏览器左20px, 距离浏览器上80px的这个位置。
未设置 left top right bottom 的时候，元素还在自己该在的位置，只不过已不再占位。
position：relative 相对定位
是相对于元素本来的位置再进行平移后获得新的位置，也就是说这个新位置是要根据原来的位置来定的
比如 position：relative left:10px; top:-20px; 就是把元素往右移动10像素，往上移动20像素。
谁是定位父级 offsetParent
position:absolute; 元素，从该定位元素往外找，最近一个设置了 position：absolute; 或者 position：relative 的元素，就是改元素的定位父级。如果没有，就以浏览器窗口进行定位