当前位置: 网站建设 > 网页设计 > 建站经验 >

解读absolute与relative

时间:2013-03-02 04:14来源:未知 作者:admin 点击:

标签:解读absolute与relative 许多(1)友人(2)问过(1)absolute(5)解读(2)relative(5)
许多友人问过我absolute与relative怎么辨别,怎么用?我们都晓得absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么处所的绝对,相对又是相对什么地方而言的呢?那他们又有什么样的特性,能够做出什么样的后果呢?对于两者之间又有什么样的技能呢?下面我们就来逐一解读。 Absolute,CSS中的写法是:position:absolute; 他的意思是相对定位,他是参照阅读器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定
解读absolute与relative》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234S62013.htm

许多友人问过我absolute与relative怎么辨别,怎么用?我们都晓得absolute是绝对定位,relative是相对定位,但是这个绝对与相对是什么意思呢?绝对是什么处所的绝对,相对又是相对什么地方而言的呢?那他们又有什么样的特性,能够做出什么样的后果呢?对于两者之间又有什么样的技能呢?下面我们就来逐一解读。

Absolute,CSS中的写法是:position:absolute; 他的意思是相对定位,他是参照阅读器的左上角,配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位,在没有设定TRBL,默认根据父级的做标原始点为原始点。假如设定TRBL并且父级不设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位,解析站群链轮策略原理,地位将由TRBL决议。

有时咱们还须要依附z-index来设定容器的高低关联,数值越大越在最上面,数值范畴是天然数。

Relative,CSS中的写法是:position:relative; ,解析用CSS定义表格边框; 他的意思是绝对定位,解析模块化CSS,他是参照父级的原始点为原始点,无父级则以文本流的次序在上一个元素的底部为原始点,配合TRBL进行定位,当父级内有padding等CSS属性时,当前级的原始点则参照父级内容区的原始点进行定位,解析哪些因素会影响网站权重值

Tag:   absolute   relative     absolute   relative  

 

个别来讲,网页居中的话用Absolute就轻易出错,解析CSS设置默认字体样式,由于网页始终是跟着辨别率的大小主动适应的,而Absolute则会以浏览器的左上角为原始点,不会应为分辩率的变更而变化位置。良多人出错就在于这点上犯错。而网页居左其特征与Relative很类似,然而仍是有实质的差别的。

--> [网站建设之]解读absolute与relative


(责任编辑:网站建设)
解读absolute与relative相关文章
上一篇:解析站群链轮策略原理 下一篇:认识CSS3的column属性
回到顶部