《
absolute与relative如何区分怎么用？》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331542013.htm
--> [
网站建设之]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
相关的主题文章：
(责任编辑：网站建设)
absolute与relative如何区分怎么用？相关文章