CSS：absolute与relative注释

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