1.相对定位
position:relative;
（1）不脱离标准文档流，可以调整元素
（2）以原来的位置为参考点
position: relative; /*设置为相对定位*/ top: 30px; /*向下移动30像素*/ left: 100px; /*向右边移动100像素*/
2.绝对定位
position:absolute;
（1）脱离标准文档流，不在页面占位。
（2）层级提高，压盖现象。
（3）参考点，相对于最近的非static祖先元素定位，如果没有非static祖先元素，那么以页面的根元素左上角进行定位。
推荐：子绝父相，子元素用绝对位置，父亲元素用相对定位。
3.固定定位
position:fixed;
原文：https://www.cnblogs.com/wangdianchao/p/12521006.html