http://www.iteye.com/problems/5997/
static : 无特殊定位,对象遵循HTML定位规则 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。也就是默认的z-index属性无效
absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白和边框
relative : 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
fixed : 相对于浏览器定位,相当于absolute的父元素不是relative;IE5.5及NS6尚不支持此属性
1、当Position属性值为Relative时对象原来占有的位置保留,其后面的对象按原来文档流仍然保持原来的位置 top bottom同时存在,top为主; 2、当Position属性值为absolute时对象从文档流中抽取出来,原占有的位置被后面的对象顶替上来 ,top bottom同时存在,top为主; 在Position属性值为absolute的同时,如果有一级父对象(无论是父对象还是祖父对象,或者再高的辈分,一样)的Position属性值为Relative时,则上述的相对浏览器窗口定位将会变成相对父对象定位,这对精确定位是很有帮助的。
使用地点:absolute对图片使用,可以在图片上层叠文字或者图片,不用使用背景,主要用在对图片进行轮播