CSS的几种定位方式
CSS 中 position 属性指定了元素的定位类型。
position 属性的五个值分别为：
-
static: 正常⽂档流定位， 此时 top, right, bottom, left 和 z-index 属性⽆效， 块级元素从上往下纵向排布， ⾏级元素
从左向右排列。 -
relative： 相对定位。相对定位是相对于正常文档流的位置，移动相对定位元素，但它原本所占的空间不会改变。相对定位元素经常被用来作为绝对定位元素的容器块。
-
absolute： 相对于最近的⾮ static 定位祖先元素的偏移。如果元素没有非 static 定位祖先元素，那么它的位置相对于<html>.absolute 定位元素的位置与文档流无关，因此不占据空间。
-
fixed： 指定元素相对于屏幕视⼝（viewport） 的位置来指定元素位置。 元素的位置在屏幕滚动时不会改变， ⽐如那
种回到顶部的按钮⼀般都是⽤此定位⽅式。 -
sticky： 粘性定位， 特性近似于relative和fixed的结合。元素定位表现为在跨越特定阈值前为相对定位，之后为固定定位。这个特定阈值指的是 top, right, bottom 或 left 之一，换言之，指定 top, right, bottom 或 left 四个阈值其中之一，才可使粘性定位生效。否则其行为与相对定位相同。其在实际应⽤中的近似效果就是IOS通讯录滚动的时候的
顶屁股 。
