position的五大定位

static 默认值，元素是静止的没有开启定位

 relative（相对）开启元素的相对定位

         -开启后需设置偏移量，参照在文档流位置

         -相对定位会提升元素层级

         -相对定位相对于原始位置定位

absolute（绝对）开启元素的绝对位置

        -开启后需要设置偏移量，元素从文档流中脱离

        -绝对位置会提升元素层级

        -会改变元素性质，宽高由内容撑开

        -绝对定位相对于离它最近开启定位的祖先元素，没有就相对于根元素

 fixed（固定）开启元素固定位置

         -固定定位是一种特殊的绝对定位，所以大部分特点一样

         -唯一不同的是固定定位永远参照于浏览器的视口定位，固定元素不会随网页滚动而滚动

sticky（粘性）开启元素的粘滞定位

        -粘滞定位和相对定位特点基本相同，不同的是粘滞定位可以在元素到达某个位置时将其固定（兼容性不好）