position:relative; left:100px; top:50px; 和 position:absolute; left:100px; top:50px; 我看右边的效果是一样的，所以应该怎样理解绝对和相对的问题呢？
绝对定位：如果父元素有position属性，就相对于父元素位置定位，父元素没有position属性就相对body元素定位，就是相对浏览器窗口定位；
相对定位：相对自身原来的初始位置定位，因为你原来的div的初始位置是左上角，所以结果就和绝对定位一样咯，你试下让div元素在其他地方再相对定位，就可以看出区别了。
绝对是相对对于浏览器（body）而言的，而相对定位是相对父元素的位置而言的，而且相对定位偏移前的位置是被占用的，无法覆盖
相对定位是先有一个参照物，然后上下左右是根据这个参照物来说的。
绝对是不可变的，不管你的屏幕尺寸是多大，相对是可变的，根据你的屏幕大小自己改变