absolute与relative如何区分怎么用？网站设计公司，15年专注absolute与relative如何区分怎么用？网页设计高端品牌！

天府星空absolute与relative如何区分怎么用？网站设计公司，专业从事absolute与relative如何区分怎么用？网站设计和absolute与relative如何区分怎么用？网页设计服务、以精深技术为核心、以专业队伍为支撑。致力于为absolute与relative如何区分怎么用？政府网站、公司企业、学校等提供高技术含量的网页设计服务。凭借多年的absolute与relative如何区分怎么用？网站设计成功经验，公司已在absolute与relative如何区分怎么用？做网站数千例经典案例,是absolute与relative如何区分怎么用？网站设计公司最知名品牌之一。--> [网站建设之]absolute与relative如何辨别怎么用？

　　我们都晓得absolute是绝对定位，relative是相对定位。相应的用position属性来进行设置。但是这个绝对与相对是什么意思呢？绝对是哪里的绝对，相对又是相对什么处所相对？那他们又有什么样的特性，能够做出什么样的后果呢？对于两者之间又有什么样的技能下面我们就来解读。

　　Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合top、right、bottom、left(下面简称trbl)进行定位，在没有设定trbl的情形下，默认根据父级的坐标原始点为原始点。如果设定trbl并且父级不设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由trbl决议。

　　我们看下面的图片：



　　个别来讲，网页居中的话用Absolute相对定位就十分容易出错，由于浏览器窗口始终是跟着分辩率的大小主动适应的，而Absolute则会以阅读器的左上角为原始点，不会应为辨别率的变更而变化地位。良多人犯错就在于这点上出错。而网页居左其特征与Relative很类似，然而仍是有实质的差别。

　　Relative，CSS中的写法是：position:relative; 他的意思是绝对绝对定位，他是参照父级的原始点为原始点，无父级则以body的原始点为原始点，配合trbl进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。

　　咱们看下面的图片：



　　有时我们还须要依附z-index来设定容器的上下关联，数值越大越在最上面，数值范畴是天然数。当然有一点要重视，父子关系是无奈用z-index来设定高低关系的，必定是子级在上父级在下。这种属性设置是css下拉菜单中尤为常见。 Tag：absolute   relative     absolute   relative     相关的主题文章：

• 9个精简优化CSS文件的技巧
• 9.复习CSS
• 8.第3天的CSS练习
• 8.第1日CSS复习
• 7.复习CSS
• 7.关于浏览器的坏消息
• 7.CSS浮动要素
• 6年来建站经验总结
• 6.第2日的CSS练习
• 6.css边框