定位（position）or层级

定位嘛，就是将一个元素定位到自己想要它在的位置，来了解下有些啥属性值：

static：这个是默认值，始终处于文档流给的位置，用不到，忽略。

absolute（绝对定位）：相对于已经有定位属性的父级元素的绝对定位，浮出、脱离文档流，不占居空间就是脱离了这一层，出现在了上一层，具体位置是相对最近的带定位属性的父级元素的位置，可以直接用“left”、“top”、“right”、“bottom”来规定，若父级元素都没有定位属性则以html根元素为准。这个就有用了，有大用！

relative（相对定位）：相对初始位置发生移动，一般用在给绝对定位做一个参考对象的，因为这个属性值是不会脱离文档流的，原位置是占据空间的。

fixed（绝对定位）：跟上面的不一样，这个只有一个参考对象，就是浏览器窗口，不论窗口发不发生滚动都会在哪个位置，定在那里的。一样可以用“left”、“top”、“right”、“bottom”来规定。

sticky（粘性定位）：是position:relative和position:fixed的结合体，当在屏幕里时会跟着文档流移动来移动，但当其快要移出窗口时就会定在你设置的某个地方

层级：z-index：数字；数字越大则层级越高