position属性是用于规定元素的定位类型，现代浏览器都支持这个属性，position定位之间需要配合附近相对定位使用。 
面试题八: CSS中position属性都有哪些属性？-QUI-Notes
position有6个属性，用于不同场合：

  • position: relative; —— 相对定位，一般用于父级盒子，子元素在使用绝对定位absolute和固定悬浮fixed；
  • position: absolute; —— 绝对定位，相对于父级的绝对定位，父级没有相对定位 relative ，就继续往上爬dom树，直到找到相对属性relative，如果没有，就相对于body文档流;
  • position: fixed;    —— 固定定位，相对于浏览器的视图窗口；
  • position: static;   —— 默认值，没有定位，将忽略定位的属性：top/left.../z-index，回归文档流；
  • position: sticky;   —— 粘性定位，页面滚动到元素处，元素吸顶固定到顶部；父级盒子不能用overflow:hidden，否则失效！
  • position: inherit;  —— 继承父级的定位属性；

面试官问这个问题，很大程度上是在考验你对position的知识点，新手很难说全，或者对各自的用途傻傻分不清！