Question

CSS+DIV相对定位和绝对定位的区别和联系

Answer 1

相对定位就是相对于当前位置来进行定位，比如“东南方5公里”，就是从当前位置开始，往东南方向走5公里，就到达目的地，也就是说，这个目的地是不固定的，要根据当前所处位置来定。
而绝对定位就是指定一个绝对位置来作为目的地，比如“东经xxx度，北纬yyy度”，或者“广东省广州市xxx区yyy路zzz号”，这个位置就是固定的，不管你当前身处何地，这个目的地都是不变的。
css中的相对定位和绝对定位也是同样的道理。比如
<div style="position:relative; left:20px; top:10px">这是从当前位置（默认位置）往左移20像素，往下移10像素</div>
<div style="position:absolute; left:20px; top:10px">这是移到离自己最近的具有定位属性（相对或绝对）的上级元素（如果没有则是当前窗口）的左边20像素上边10像素的位置。</div>