在线咨询

CSS中的绝对定位到底是什么意思
2014-08-13 10:19 | 发布者: 郑州网页设计培训
[摘要:]很多学员学习网页设计学到css定位的时候有个绝对定位,有时候能听老师听的懂还是自己还是不很了解绝对定位的具体意思,今天郑州网页设计培训的老师就给大家讲解一下CSS中的绝对定位到底是什么意思。 CSS绝对定位设置为绝对定位的元素框从文档流完全删除,并

很多学员学习网页设计学到css定位的时候有个绝对定位,有时候能听老师听的懂还是自己还是不很了解绝对定位的具体意思,今天郑州网页设计培训的老师就给大家讲解一下CSS中的绝对定位到底是什么意思。

  CSS绝对定位设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。

  绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。

  普通流中其它元素的布局就像绝对定位的元素不存在一样:

  #box_relative{

  position:absolute;

  left:30px;

  top:20px;

  }

  如下图所示:

CSS 绝对定位实例

  绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。

  对于定位的主要问题是要记住每种定位的意义。所以,现在让我们复习一下学过的知识吧:相对定位是“相对于”元素在文档中的初始位置,而绝对定位是“相对于”最近的已定位祖先元素,如果不存在已定位的祖先元素,那么“相对于”最初的包含块。

  注释:根据用户代理的不同,最初的包含块可能是画布或HTML元素。

  提示:因为绝对定位的框与文档流无关,所以它们可以覆盖页面上的其它元素。可以通过设置z-index属性来控制这些框的堆放次序。

 

小编提示:郑州清新教育郑州网页设计培训班发布的文章部分转摘至互联网,有疑问请发邮件至158106211#qq.com(将#换成@)处理。

800060586
859577362

0371-63218905

清新总站:

http://www.qingxinedu.cn

地址:郑州市金水区东风路文化路
交叉口向西200米路北汇宝大厦5楼501
姓 名:
电 话:
Q Q:
课 程:
留 言:
对话客服

郑州网页三剑客系统培训班
推荐理由:最专业的网页设计师培训,最纯粹...

查看

淘宝开店速成班
网页设计培训中心强势力推淘宝开店...

查看

网页设计职场精英全科班
推荐理由:最专业的网页设计师培训,最纯粹...

查看

DEDECMS网站后台设计师培训
通过织梦建站系统使用,快速搭建网站后台,...

查看