详细请看博文:http://blog.csdn.net/chen_zw/article/details/8741365
注意几点:
static: 方向值无效 z-index 无效
relative: 相对于自身进行偏移,其还占据文档流中的位置
absolute: 相对于祖父往上寻找的第一个非static元素最顶级为html,当不设置方向值时,位置跟正常文档流中的位置一样!但是不占据位置空间,也就是说后面的元素会占据它非absolute时文档流的位置。定位的计算从padding开始计算
fixed: 参考博文
z-index: 这里强调一点,父子关系是无法用z-index来设定上下关系的,一定是子级在上父级在下。