css定位方式

1.静态定位

position：static  默认值。它是没有定位的，出现在正常的文档流中，它对（top,bottom,left,right)是不生效的。

2.相对定位

position：relative   相对定位。定位为relative的元素脱离正常的文档流，但其在文档流中的位置依然存在，只是视觉上相对原来的位置有移动。

3.绝对定位

position：absolute   绝对定位。它是根据最近有定位的父元素进行定位的，一般配合相对定位使用，但是不会去找静态定位。

4.固定定位

position：fixed   固定定位。生成绝对定位的元素，相对于浏览器窗口进行定位。是脱离文档流

5.粘性定位

position：sticky  粘性定位。

当元素在容器中被滚动超过指定的偏移值时，元素在容器内固定在指定位置。亦即如果你设置了top: 50px，那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定，不再向上移动。