注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

骐骥一跃

日积跬步 业精于勤荒于嬉

 
 
 

日志

 
 

[原创] CSS中的定位属性(position)  

2007-12-17 01:41:14|  分类: 网站建设 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

( 声明:原创文章,未经授权,不得转载。作者:印第安 http://blog.kysf.net

 

定位属性包括3个方面:定位模式(position)、边偏移(top、right、bottom、left)和层叠(z-index)。

 

一、定位模式(position)

语法:

position : static | absolute | relative | fixed

 

各个属性值的具体含义如下:

static:不使用定位(默认值)。

absolute:绝对定位。元素将从页面元素中被独立出来,使用边偏移进行定位。

relative:相对定位。元素在原有位置的基础上移动top和left指定的距离。

fixed:固定定位。元素将从页面元素中被独立出来,但其位置是相对于屏幕本身,而不是文档本身。

 

二、边偏移

语法:

top : auto | 长度值 | 百分比值

 

各个属性值的具体含义如下:

auto:无特殊定位,根据 HTML 定位规则在文档流中分配。

长度值:指定一个偏移距离。

百分比值:用百分数指定一个偏移距离。长度值和百分比值必须定义 position 属性值为 absolute 或者 relative 此取值方可生效。

 

三、层叠(z-index)

语法:

z-index : auto | number

 

各个属性值的具体含义如下:

auto:遵从其父对象的层叠。

number:无单位的整数值。可为负数。

注意:层叠属性的默认值是 0 。

 

 

 

          印第安

      2007年12月17日1:38:49

 

( 声明:原创文章,未经授权,不得转载。作者:印第安 http://blog.kysf.net ) 

  评论这张
 
阅读(1051)| 评论(1)
推荐

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018