相对定位；绝对定位

相对定位
相对自身位置进行定位：

    定位后：元素脱离文档流：原来的位置没有被其他元素所占据
           元素特点没有发生变化
    top：移动后的位置距离起始位置 上面多远 （往下移动）
    left：移动后的位置距离起始位置 左边多远 （往右移动）
    right：移动后的位置距离起始位置 右边多远  （往左移动）
    bottom：移动后的位置距离起始位置 下面多远   （往上移动）

    用途：用于某个元素的微调

绝对定位
相对祖籍元素中具有【position】属性：且值不为static的元素进行绝对定位
——————>如果所有的元素都没有 position 就相对body进行定位
定位后，块元素变为行内块元素：脱离文档流：原来的位置被其他元素所占据

    怎么定位的

    top：【定位元素】距离【相对元素】上面多远
    left：【定位元素】距离【相对元素】左面多远
    right：【定位元素】距离【相对元素】右面多远
    bottom：【定位元素】距离【相对元素】下面多远

.wrap{
width: 300px;
height: 300px;
background-color: red;
position: relative;
top: 50px;
left: 50px;
}
.box{
width: 100px;
height: 100px;
background-color: aqua;
position: absolute;
top: 36px;
right: 50px;
}
.test{
width: 200px;
height: 200px;
background-color: black;
}

示例图片：