position定位（relative，absolute，fixed）

定位

含义：将盒子定在某一个位置 自由的漂浮在其他盒子的上面 —— CSS 离不开定位

定位=定位模式+边偏移

方位名词（边偏移）：top bottom left right
定位模式：
语法：选择器{position：属性值}；
属性值：

1. static：静态定位 默认 基本不用
2. relative：相对定位 相对定位是元素相对于它原来在标准流中的位置来说的。
   特点：
   *相对于自己原来在标准流中位置来移动的
   *原来在标准流的区域继续占有，后面的盒子仍然以标准流的方式对待它。
3. absolute：绝对定位 绝对定位是元素以带有定位的父级元素来移动位置。
   特点：
   *完全脱标 —— 完全不占位置；
   *父元素没有定位，则以浏览器为准定位；
   *父元素要有定位 将元素依据最近的已经定位（绝对、固定或相对定位）的父元素（祖先）进行定 位。
   *因为绝对定位的盒子是拼爹的，所以要和父级搭配一起来使用。定位口诀 —— 子绝父相
   *子级是绝对定位，父级要用相对定位
4. fixed：固定定位 固定定位是绝对定位的一种特殊形式：（认死理型） 如果说绝对定位是一个矩形 那么 固定定位就类 似于正方形
   特点：
   *完全脱标 —— 完全不占位置；
   *只认浏览器的可视窗口 —— 浏览器可视窗口 + 边偏移属性 来设置元素的位置；
   *跟父元素没有任何关系；单独使用的
   *不随滚动条滚动。

详细见下一章博客：

https://blog.csdn.net/weixin_50659023/article/details/108581311