CSS中的position理解:
absolute:相对于第一个position不是static(static为无定位,为默认值)的父元素进行定位,就是说,如果直接父元素position是static,则往上一级找,如果到body元素依然没有,则相对浏览器窗口定位,以下举例说明:
相对p1定位: <body><div id="p1" style="position:relative" ><div position="absolute" /></div></body>
相对body定位:<body style="position:relative"><div ><div position="absolute" /></div></body>
相对浏览器窗口定位:<body><div><div position="absolute" /></div></body>
fixed:相对浏览器窗口(不是body)进行定位,完全无视它的父元素
relative:相对它自己postion为static时的位置进行定位,这是与absolute跟fixed最大的区别,前两个的定位参考对象是其它,而relative是它自己
备注:只有这三种定位left,right,top,bottom,z-index才有效,如果是static,这些样式的值都被直接无视。