CSS的定位总结

1.相对定位：
相对于标签本身的起点进行偏移。
例如：新建角色和删除的按钮，本身紧贴于搜索框的右边

设置相对定位后，偏移的是相对于原本的位置：相对于原先位置将左边距离设置为100px

  .head_btn {
            display: inline-block;
            position: relative;
            left: 100px;
        }

2.绝对定位：
绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
例如：把div设置定位，所以新建角色的按钮设置绝对定位时会相对已定位的div元素进行偏移。

 .head_div {
        margin-bottom: 20px;
        position: relative;
        .head_btn {
            display: inline-block;
            position: absolute;
            right: 6%;
        }
    }