一、相对定位 relative
1.参照物为自身；
2.相对定位只改变显示的位置，而不会改变占用的空间位置；
3.关于距离的正负值
二、绝对定位 absolute
1.参照物为具有定位属性的父元素。
PS:如果距离当前最近的父元素不具有定位属性，则会一层一层向外找，直到找到具有定位属性（这里仅要求三种定位属性任一都可）的父元素而进行定位，如果找到最后未能找到具有定位属性的父元素，de则最终会依照body进行定位。
2.绝对定位不仅会改变显示的位置，而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态，没有“肉体”！
3.关于距离的正负值，和上面的相对定位的性质一样。
三、固定定位 fixed
固定定位是将某个元素固定在浏览器的某个确定的位置，不随滚动条的移动而变化；
固定定位的位置是 相对当前浏览器窗口 的；
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<button style="position: absoluteleft: 250pxtop: 40px">按钮</button>。
3、浏览器运行index.html页面，此时按钮被固定在距离上方40px，左侧250px的位置。
