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