CSS position

五种常用的 position 定位：

1.static [ˈstætɪk]

        默认定位，指定元素使用正常的布局行为，此时top,left等属性无效

2.absolute

        绝对定位，元素会被移出正常文档流，并不为元素预留空间，通过指定 元素相对于最近的 非static定位 祖先元素的偏移 来确定元素位置

3.relative

        相对定位，该关键字下，元素先放置在未添加定位时的位置，再在不改变页面布局的前提下调整元素位置（因此会在此元素未添加定位时所在位置留下空白）

4.fixed

        元素会被移出正常文档流，并不为元素预留空间，而是通过指定元素相对于屏幕视口（viewport）的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。

5.sticky [ˈstɪki]

        粘性定位，可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。元素根据正常文档流进行定位，然后相对它的最近滚动祖先（nearest scrolling ancestor）和 containing block (最近块级祖先 nearest block-level ancestor)，包括table-related元素，基于top, right, bottom,和 left的值进行偏移。偏移值不会影响任何其他元素的位置。