相对定位 绝对定位 固定定位实现及应用

1、相对定位

```css    postion:relative;     ```

相对于元素在正常的文档流中的位置移动它，把一个正常布局流中的元素从它的默认位置按坐标进行相对移动。它原本所占的空间不会改变。

 基础特性

- 不脱离文档流

- 提升元素层级

- 不定义偏移量时对元素基本没有影响

2、绝对定位

```css    postion:absolute;   ```

没有定位父级时相对于HTML进行定位，有定位父级时相对于最近的定位父级进行定位。

基础特性

-  脱离文档流

-  提升元素层级

 3、固定定位

```css   postion:fixed;   ```

元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。

基础特性总结

- 脱离文档流

- 提升元素层级