邓超
ToQuery
position定位详解
2014-08-04 16:50:16   阅读852次

position版本:CSS2  兼容性:IE4+ NS4+ 继承性:无


 
语法:
 
position : static | absolute| fixed| relative
 
参数:
 
static :  无特殊定位,对象遵循HTML定位规则
absolute :  将对象从文档流中拖出,使用leftrighttopbottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但仍有补白边框
relative :  对象不可层叠,但将依据leftrighttopbottom等属性在正常文档流中偏移位置
fixed :  IE5.5及NS6尚不支持此属性
 

可能的值

描述
absolute

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

fixed

生成绝对定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

relative

生成相对定位的元素,相对于其正常位置进行定位。

因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。

static默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit规定应该从父元素继承 position 属性的值。


说明:
 
检索对象的定位方式。
对应的脚本特性为position。请参阅我编写的其他书目。
 
演示效果:
 

div { position:absolute; bottom: 1in; left: 1in; right: 1in; top: 1in; }
div { position:relative; top:-3px; left:6px; } 

定位方式:relative 










定位方式:absolute 


定位方式:static 


定位方式:fixed 







-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
暂无评论
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航