楼上回答正解，top的意思是该元素距浏览器顶部的距离，很显然当距离变大时整个元素肯定是向下运动的；left可同样理解。

！！！读者注意：浏览器计算top left的一些值（可为负值）时，是以浏览器左顶点为原点的（从上到下为正，从左到右为正）。

想一下，

向下就是距离顶部多少像素，所以用top;

举个栗子，向下120像素

<style type="text/css">
div{
    width:200px;
    height:200px;
   border:2px red solid;
   position:absolute;
   top:120px;
}
</style>

向右就是距离左边多少像素，所以用left;

举个栗子，向右240像素

<style type="text/css">
div{
    width:200px;
    height:200px;
   border:2px red solid;
   position:absolute;
   left:240px;
}
</style>