区分fixed、relative、absolute

fixed固定定位，position为fixed时，坐标原点参照浏览器的左上角。

relative相对定位，position为relative时，坐标原点参照父级的坐标原点。没有父级就参照body的坐标原点；如果父级有padding等css样式，以它里面的内容区为坐标原点。

absolute绝对定位，position为absolute时，坐标原点参照父级的坐标原点（父级的position设置为relative,其中absolute和relative是配合使用的），并且使用top、right、bottom、left来定位。如果没有设置position为relative并且有top、right、bottom、left等属性，坐标原点参照浏览器的左上角。

参考https://blog.csdn.net/jingtian678/article/details/64439712

       https://blog.csdn.net/qq_37856300/article/details/82799545