关于position的简单用法

怎么说呢，面试常考吧，但其实页面写多以后就不是什么问题，只有一些position的“特殊癖好”需要注意一下。
先说position的常用的四个属性值

1.static: static 是默认值。任意 position: static; 的元素不会被特殊的定位。一个 static 元素表示它不会被“positioned”，一个 position 属性被设置为其他值的元素表示它会被“positioned”。

position : static;

2.relative: relative 表现的和 static 一样，除非你添加了一些额外的属性。 在一个相对定位（position属性的值为relative）的元素上设置 top 、 right 、 bottom 和 left 属性会使其偏离其正常位置。其他的元素则不会调整位置来弥补它偏离后剩下的空隙。

position : relative;

3.absolute: 这个属性值才是本文的重点，布局有很多时候都需要用到absolute值，但是又需要去约束该元素相对的位置。所以解释一下 absolute是相对于上一个非static值的元素定位，如果父级元素有fixed，absolute，relative的话absolute就会先对于他们定位,否则元素直接相对于body元素定位。

position : absolute;

4.fixed: 这个属性没什么好说的，直接相对于浏览器定位固定。

position : absolute;

5.sticky：这个之前看到了阮一峰老师的分享，能实现页面滚动时，区块内部元素固定在窗口顶部的效果。省下了js代码~

position:sticky