CSS定位问题--position--static\absolute\relative\fixed

CSS中Position属性有四个可选值，它们分别是：static、absolute、fixed、relative。

static:无定位。该属性值是所有元素定位的默认情况，可以用position:static取消继承，即还原元素定位的默认值。

fixed:生成绝对定位的元素，相对于浏览器窗口进行定位。

absolute:绝对定位。相对于 static 定位以外的第一个父元素进行定位。不设置TRBL时，显示在原位置，但是脱离文档流。没有设置width时，元素宽度为auto.

relative:相对定位。相对定位是相对于元素默认的位置的定位。用top、bottom、left、right四个数值配合，来明确元素的位置。

inherit:规定应该从父元素继承 position 属性的值。

一个讲解详细、全面的实例：

https://segmentfault.com/a/1190000006924181