* position：relative相对定位 相对自己的定位 ~~~ <div> <img src="images"> <p><p> </div> 此时对**img**进行定位会影响 **p**的位置 消除影响方法 [ 给父元素（div）相对定位 再给子元素（img）绝对定位 ] ~~~ * * * * * * position：absolute 绝对定位 相对于最近的上级的相对定位的绝对定位 ~~~ <div class="parent"> <div> <div class="child"><div> </div> </div> .parent{position:relative;} .child{position:absolute;} 子元素的定位是相对与parent的绝对定位， parent不动child不动， parent移动child相应的移动 ~~~