static:首先position属性的默认值是static,static没有定位,元素出现在正常的流中,会默认忽略top、bottom、left、right。与脱离文档流的元素一起z-index会失效;
relative:其次relative也未脱离文档流,relative生成相对定位的元素,相对于自身的正常位置做定位,因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。相当于元素往右偏移20个元素;
absolute:绝对定位,absolute相对于除去static定位以外的第一个父元素进行定位,如果想设置子元素相对于父元素定位,那须设置“子绝父相”,若父元素本身是绝对定位或者固定定位,那就不用设置“父相”。
fixed:固定定位是相对于浏览器窗口的定位,无论页面的上拉下滑,fixed定位元素相对于浏览器窗口的位置不变,一般用来做弹出窗口或者广告定位。
inherit:规定应该从父元素继承position属性的值(任何版本的ie浏览器都不支持该属性)