《
absolute与relative怎么区分?》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331552013.htm
有时咱们还须要依附z-index来设定容器的高低关系,数值越大越在最上面,数值范畴是天然数。当然有一点要留神,父子关系是无奈用z-index来设定上下关联的,必定是子级在上父级在下。
--> [
网站建设之]absolute与relative怎么辨别?
absolute与relative怎么分辨,怎么用?大家都晓得absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么地方的绝对,相对又是相对什么处所而言的呢?那他们又有什么样的特性,能够做出什么样的后果呢?对于两者之间又有什么样的技能呢?下面我们就来逐一解读。
Relative,CSS中的写法是:position:relative; 他的意思是绝对定位,他是参照父级的原始点为原始点,无父级则以BODY的原始点为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位。
个别来讲,网页居中的话用Absolute就轻易出错,由于网页始终是跟着分辩率的大小主动适应的,而Absolute则会以浏览器的左上角为原始点,不会应为辨别率的变化而变更位置。良多人出错就在于这点上犯错。而网页居左其特征与Relative很类似,然而仍是有实质的差别的。
Absolute,CSS中的写法是:position:absolute; 他的意思是相对定位,他是参照阅读器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认根据父级的做标原始点为原始点。假如设定TRBL并且父级不设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,地位将由TRBL决议。
Tag:CSS CSS
相关的主题文章:
(责任编辑:网站建设)
absolute与relative怎么区分?相关文章