2021-03-10

一、static定位方法：

严格来说并不算是定位的一种方式，因为它代表的含义是正常的文本流效果。作用场景：将已有的定位效果清除。

二、relative定位方法：

我们所说的相对定位，它的效果不会改变元素的位置，只会在视觉效果上改变相对位置，对其他的元素来说没有任何影响。可以微调元素的视觉位置。

三、absolute定位方法：

绝对定位，它会随着文档移动。元素的位置相对与上一层的定位元素或者根节点来改变元素的位置，不会影响其他元素的效果。可以调节元素的相对位置。

四、 fixed定位方法：

将元素固定在视窗的某个位置上，用于设置一些固定视窗位置的效果。 它必须要和top/buttom/left/right属性一致使用，否则该元素会消失。

五、sticky定位方法：

在文档流中，会影响其他元素的位置； 会随着文档的滑动而滑动，但是当滑动的位置超出了设置的位置时就具备了fixed的特性，即在视窗上停留在设置的位置处。