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%;
}
}