TRBL属性（TOP、RIGHT、BOTTOM、LEFT）只有当设定了position属性才有效。
当设定position: absolute，如果父级（无限）没有设定position属性，那么当前的absolute则结合TRBL属性以浏览器左上角为原始点进行定位，如果父级（无限）设定position属性，那么当前的absolute则结合TRBL属性以父级（最近）的左上角为原始点进行定位。
当设定position: relative，则参照父级（最近）的内容区的左上角为原始点结合TRBL属性进行定位，无父级则以BODY的左上角为原始点。
下图是上面代码的效果：
参照：http://www.andymao.com/andy/post/40.html
程序员问答社区，解决您的IT难题