首页 > 代码库 > position值详情

position值详情

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在英文中做为形容词的意思为“继承”。那么显然的,在这里他就是继承的意思,继承于他的父对象。