新闻动态

   

您现在的位置是:首页 » 新闻动态 » DIV+CSS专区


相对定位和绝对定位


人气: 2311  日期: 2011-11-19  作者: 大向网络  [打印本文]

定位标签:position
包含属性:relative(相对) 
              absolute(绝对)

1.position:relative; 如果对一个元素进行相对定位,首先它将出现在它所在的位置上。然后通过设置垂直或水平位置,让这个元素"相对于"它的原始起点进行移动。(再一点,相对定位时,无论是否进行移动,元素仍然占据原来的空间。因此,移动元素会导致它覆盖其他框)

2.position:absolute; 表示绝对定位,位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流,因此不占据空间。普通文档流中元素的布局就像绝对定位的元素不存在时一样。(因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其他元素并可以通过z-index来控制它层级次序。z-index的值越高,它显示的越在上层。)

3.父容器使用相对定位,子元素使用绝对定位后,这样子元素的位置不再相对于浏览器左上角,而是相对于父窗口左上角


  
  上一篇:使用CSS让DIV固定位置
  下一篇:网站设计常用的CSS技巧
相关文章(Tags:相对定位,绝对定位)