position: static 无特殊定位，对象遵循HTML定位规则
position: relative 在正常文档流中，使用left, right, top, bottom偏移位置；不可层叠
position: absolute 将对象从文档流中拖出，以<body>为父级，使用left, right, top, bottom等属性进行绝对定位；层叠通过z-index属性定义
position: fixed 相对于浏览器窗口，使用left, right, top, bottom等属性进行绝对定位。与absolute不同的是，fixed元素无论如何拖动滚动条，都不改变位置；而absolute元素会随着拖动滚动条改变位置。无滚动条时无差异。
原文：https://www.cnblogs.com/sianliang/p/10329891.html