|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
网上冲浪无论你用InternetExplorer还是NetscapeNavigator,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找。
良多伴侣问过我absolute与relative怎样辨别,怎样用?我们都晓得absolute是相对定位,relative是绝对定位,可是这个相对与绝对是甚么意义呢?相对是甚么中央的相对,绝对又是相对甚么中央而言的呢?那他们又有甚么样的特征,能够做出甚么样的效果呢?关于二者之间又有甚么样的技能呢?上面我们就来逐一解读。
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来设定高低干系的,必定是子级在上父级鄙人。
所有的设计第一步就是构思,构思好了。 |
|