1.固定定位,定位后不占原来页面位置,但存在覆盖现象
position: fixed;
2.相对定位,不脱离文档,根据上一个内容,占空间,便宜之后仍然占据页面中的空间,其余元素不可顶替、
position: relative;
3.绝对定位,不存在脱离文档流 不占空间
首先寻找父级 如果有父级(position:relative)根据父级进行定位 会找到最近的父级
如果没有(position:relative)根据浏览器进行定位
会和其他元素重合
position: absolute;