CSS的5种position定位

static：静态定位，所有标准文档流中的元素默认值

relative：相对定位，不脱离标准文档流，相对于标准文档流中的位置进行相应的偏移
用途：

• 微调元素
• 作为绝对定位的参考（子绝父相）

absolute：绝对定位，脱离标准文档流
特点：

• 没有父元素，相对于浏览器定位
• 有父元素且父元素是static定位，相对于浏览器定位
• 有父元素且父元素是非static定位，相对于该父元素定位（多层父元素，相对于最近的非static父元素定位）
• 绝对定位后的元素在页面上不占据位置

fixed：固定定位，脱离标准文档流，相对于浏览器定位
用途：页面中固定位置的小广告

sticky：粘性定位，是relative和fixed两种定位集于一体的特殊定位。
特点：

• 元素在跨越特定阈值之前为相对定位，之后为固定定位。特定阈值是指top、right、bottom、left其中一个属性，只有设置特定阈值，才能使该定位生效，否则跟相对定位相同。（top优先级比bottom高，left优先级比right高）
• 设定sticky定位元素的任意父节点的overflow 属性必须是visible（overflow默认值），否则sticky定位不生效。
• 父元素是非static定位，则相对于该父元素定位，否则相对于浏览器窗口定位。
• 存在兼容问题
  用途：滑动超过阈值时，隐藏标题栏，小于阈值时，显示标题栏。