CSS有⼏种定位⽅式？

CSS定位方式比较多常见的有 static：默认定位 relative：相对定位，相对于原来的位置，但是原来的位置仍然保留 absolute定位：非标准刘定位，原来的位置消失，被后边的位置所顶替

static: 正常⽂档流定位，此时 top, right, bottom, left 和 z-index 属性⽆效，块级元素从上往下纵向排布，⾏级元素从左向右排列。

relative：相对定位，此时的『相对』是相对于正常⽂档流的位置。

absolute：相对于最近的⾮ static 定位祖先元素的偏移，来确定元素位置，⽐如⼀个绝对定位元素它的⽗级、和祖⽗级元素都为relative，它会相对他的⽗级⽽产⽣偏移。

fixed：指定元素相对于屏幕视⼝（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变，⽐如那种回到顶部的按钮⼀般都是⽤此定位⽅式。

sticky：粘性定位，特性近似于relative和fixed的合体，其在实际应⽤中的近似效果就是IOS通讯录滚动的时候的『顶屁股』。