position(位置，定位)

postion:relative

相对定位：相对定位的元素是在文档中的正常位置偏移给定的值，但是不影响其他元素的偏移，且不会脱离文档流。

.one{
    top: 40px;
    position: relative;
}

源码链接
由上图中可见,one是相对定位元素，确定位置是relative之后，再top:40px便会实现距离上边界40像素，且不会影响另外三个元素。此外，如果不加相对定位，one无法实现距离上界40像素的功能。

postion:absolute

绝对定位：元素会被移出正常文档流，并不为元素预留空间，通过指定元素相对于最近的非static定位祖先元素的偏移，来确定元素位置。

.one {
  font-size: 40px;
  display: inline-block;
  background-color: bisque;
  top: 40px;
  position: absolute;
}

源码链接
由上图可见，one作为绝对定位的元素，脱离文档流且距离顶部40像素。

.one-first{
   position: absolute;
   top: 20px;
   left: 60px;
}

源码链接
由上图可见，one-first是绝对定位元素，相对于one（属性：relative，非static元素），顶部距离one20像素，左边距离one60像素