relative和absolute的相对定位元素

定位原点

relative（相对定位）：定位原点是元素本身所在位置；
absolute（绝对定位）：定位原点是离自己这一级元素最近的一级position设置为absolute或者relative的父元素的左上角为原点的

position:relative

相对于最近的有定位的(不包含float属性)元素布局，以父元素的padding内边缘或者兄弟元素的margin外边缘开始

position:absolute

相对于设置了(position:relative)的父元素定位，若最外层都没有设置(position:relative)则根据浏览器定位
情况1：
如果没有设置left,right,top,bottom属性，则根据最近父元素的padding内边缘布局 如图：
如果设置left,right,top,bottom任一个属性，如设置了top:0;则top方向根据最近的设置了(position:relative)的父元素（或者浏览器）的padding外边缘布局 如图：
top:0，相对于浏览器情况，如图：