position分为四个参数

1. position: static;
2. position: absolute;
3. position: relative;
4. position: fixed;
5. position: sticky;

position: static;静态定位

该关键字指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置。此时 top, right, bottom, left 和 z-index 属性无效。

position: absolute;绝对定位

脱离父元素，直接在最大的body进行定位。
当元素被设置为绝对定位时，它会脱离文档流，不再占据空间，不会影响其他元素的位置和布局。

position: relative;相对定位

相对定位，顾名思义，就是相对于当前位置来说进行定位，在当前位置的基础上通过left top right buttom的数值再进行左移右移改动位置。

position: fixed;固定定位

这个也是以最外层body为定位，元素的位置在屏幕滚动时不会改变。
通常用于广告。

position: sticky;粘性定位

跟固定定位相似也是元素的位置在屏幕滚动时不会改变。
但是他的定位位置是以父元素为定位，到达滚动到父元素顶部的时候就会固定住不会再发生超出。