CSS position属性

position属性指定一个元素的定位方法的类型。

一、static：默认

也就是没有定位。

二、relative：相对定位

1）相对定位是相对于自己原来在文档流中的位置来定位，不指定 top、left 等定位值时，不改变元素位置。
2）相对定位元素仍会占据原有文档流中的位置。

三、absolute：绝对定位

1）绝对定位是相对于第一个非 static 的祖先元素（使用relative、absolute、fixed 定位的祖先元素）进行定位，都没有定位，则相对于浏览器左上角定位。
2）绝对定位不占据原有文档流中的位置。

四、fixed：固定定位

固定定位是一种特殊的绝对定位，与普通绝对定位的区别是无论父元素是否定位，子元素采用固定定位，都将相对于浏览器左上角定位，且固定在指定位置，不随浏览器滚动条的滚动而滚动。

五、sticky：粘性定位

1）粘性定位的元素是通过用户的滚动，在 position:relative 与 position:fixed 定位之间切换。
2）起初它表现的像 position:relative; 而当页面滚动超出目标区域时，它的表现就像 position:fixed;，会固定在目标位置。