设为首页 - 加入收藏 - 网站地图 - RSS订阅 村姑网-www.cunguer.com
当前位置:首页 > 网页制作 > CSS > 正文

css position属性可以取哪几个值?

时间:2015-02-23 12:24:36 来源:村姑网 作者:喜欢安静 阅读:131
导读:css中position属性可以取的值一共有5个,它们分别是:absolute、fixed、relative、static、inherit,其中比较常用的是前4个值,inherit不是经常使用,是因为目前所有版本的Internet Explorer浏览器都不支持这个值,在微软一统天下的时代,这个值相对来说就用...

    css中position属性可以取的值一共有5个,它们分别是:absolute、fixed、relative、static、inherit,其中比较常用的是前4个值,inherit不是经常使用,是因为目前所有版本的Internet Explorer浏览器都不支持这个值,在微软一统天下的时代,这个值相对来说就用的少一些了,下面我们就每个取值进行解释说明。

1、absolute属性:

    英文直译成汉语的解释有:绝对,独立的。显然在做为css中position属性的值时“绝对”这个意思更恰当一些。他的作用是:生成绝对定位的元素,相对于static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定(参考与:w3school.)。就是说他的绝对定位是相对于拥有该css position属性的元素的父元素的。

2、fixed属性:

    英文直译成汉语的解释有:固定,定,一定,确定,既定。那么在作为css中position属性的值时我们就很容易明白了,他是固定的,一定以及确定了的。和absolute属性不同的是fixed总是以body为定位时的对象,总是根据浏览器的窗口来进行元素的定位,通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

3、relative属性:

    relative在英文中做为形容词的意思为“相对的”。relative的属性是比较简单的,就是相对定位,相对于拥有该css position属性元素原本的位置,同样的relative页是通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

4、static属性:

    static在英文中做为形容词的意思为“静止”。在css position属性的取值中我们把他理解为“默认”,既然是默认了,那么在我们不对position属性进行设置时就是这个状态,让该元素该呆在哪就呆在哪。

5、inherit属性:

    inherit在英文中做为形容词的意思为“继承”。那么显然的,在这里他就是继承的意思,继承于他的父对象。

    到此css position属性可以取的5个值我们都一一进行了解释说明,限于文章篇幅和时间的关系,我们就说到这里,以上言论如果不严谨或不正确的地方请各位大大们多多拍砖指教,小弟一定虚心接受。

(注:欢迎转载,转载请注明来源于“村姑网-www.cunguer.com”,谢谢~!)

《css position属性可以取哪几个值?》地址:http://www.cunguer.com/article/1.html,本文来自村姑网,您身边的IT专家 www.cunguer.com,转载请注明出处,您的支持是我们创作的源泉~!