position的几种属性

论坛 期权论坛 编程之家     
选择匿名的用户   2021-5-29 13:37   17   0

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对图片使用,可以在图片上层叠文字或者图片,不用使用背景,主要用在对图片进行轮播

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP