position 属性都是相对于什么来定位的？

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浏览器都不支持该属性）