html5 中相对定位和绝对定位

-------之前一直很迷茫css中position定位属性，想把一个图片浮动到另一个图片上总是办不到，之前看到了一篇
绝对定位相对定位的详解感觉很不错，看不懂的同学可以空降过去。
绝对相对定位都是和上一级有position定位有关系的，定位的时候根据他们来进行浮动。如果父元素含有position属性，则相对于父元素定位，如果父元素没有而爷爷元素有，则相对于爷爷元素定位，以此类推。
relative相对定位：设置完这回属性，他会浮起来，加上left，right等进行定位，z-index确定浮动高度。如果他进行定位的时候，会占有原来浮动之前的位置
上图：棕色框1设置了relative红框位置不会变化，因为框1仍然占有原来的位置。
absolute相对定位：在没有设置left等属性，他们会占有原来的位置，当设置left等属性后不会占有原来的位置，直接浮动。