Chinaunix首页 | 论坛 | 博客
  • 博客访问: 617757
  • 博文数量: 72
  • 博客积分: 1177
  • 博客等级: 少尉
  • 技术积分: 856
  • 用 户 组: 普通用户
  • 注册时间: 2011-12-23 23:03
文章分类

全部博文(72)

文章存档

2015年(13)

2014年(5)

2013年(7)

2012年(39)

2011年(8)

分类: 系统运维

2012-11-06 21:53:55

  div的position的四种定位
  
  Position 有四种取值
  static
  relative
  absolute
  fixed
  
  static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定
  
  relative 就是相对元素static定位时的位置进行偏移,如果指定static时top是50象素,那么指定relative并指定top是10象素时,元素实际top就是60象素了。
  
  absolute 绝对定位,直接指定top、left、right、bottom。有意思的是绝对定位也是“相对”的。它的坐标是相对其容器来说的。容器又是什么呢,容器就是离元素最近的一个定位好的“祖先”,定位好的意思就是其Position 是absolute或fixed或relative。 如果没有这个容器,那就使用浏览器初始的,也就是body或者html元素。
  标准是说只需要指定left和right,width可以自动根据容器宽度计算出来,可惜ie不支持。
  fixed 才是真正的绝对定位,其位置永远相对浏览器位置来计算。 而且就算用户滚动页面,元素位置也
  
  能相对浏览器保持不变, 也就是说永远可以看到, 这个做一些彩单的时候可以用。可惜的是ie还不支持
  
  。(fixed是dw2004唯一没有的值.可能dw8有吧)
  
  
  最后
  不论哪种定位,margin 和padding都应该显示地定义出来,这样在不同浏览器中效果差别会小一些。
  当定位了的元素相互交叠,应该指定z-index,z-index越大表示离用户越近。不过z-index也是相对容器
  
  来说的
阅读(1530) | 评论(1) | 转发(0) |
给主人留下些什么吧!~~

tenglonghr2012-11-08 15:34:13

顶了