CSS position

position属性，指定了元素的定位类型，有五个不同值：

• static 静态定位
  HTML元素的默认值，按照正常的文档流对象渲染
• relative 相对定位
  1、相对于元素正常位置定位
  2、相对定位会占据正常文档流空间
• fixed 固定定位
  1、元素位置相对于浏览器窗口定位
  2、使用top、left、bottom、right属性指定定位元素和浏览器窗口的位置关系
  3、fixed定位元素的位置与文档流无关，所以不占据空间，定位元素与其他元素重叠
• absolute 绝对定位
  1、元素的位置相对于最近的已定位父元素
  2、如果没有已定位父元素，那么元素的位置相对于html标签
  3、绝对定位的元素与文档流无关，不占据正常空间，定位元素与其他元素重叠
• sticky 粘性定位
  1、元素基于用户的滚动位置来定位，在position:relative和position: fixed两种之间切换
  2、指定top、left、right、bottom四个值之一才能使粘性定位起作用