position属性的值和作用

 position属性有四个可选值，分别为static、relative、absolute、fixed。

   static 

      默认值，元素出现在正常的文档流中，不会受left、top、right、bottom的影响。

   relative 

      相对定位，相对自身位置定位，可通过设置left、top、right、bottom的值来设置位置；

      并且它原本所占的空间不变，即不会影响其他元素布局；

      经常被用来作绝对元素的容器块。

   absolute 

      绝对定位，相对于最近的除static定位以外的元素定位，若没有，则相对于html定位；

      脱离了文档流，不占据文档空间；

      若设置absolute，但没有设置top、left等值，其位置不变；

      若设置absolute，会影响未定义宽度的块级元素，使其变为包裹元素内容的宽度。

   fixed 

      固定定位 相对于浏览器窗口定位，脱离文档流，不会随页面滚动而变化。

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