相对定位，绝对定位，粘性定位

position标签设置当前块元素定位

left增大左边距离，向右移动

right增大右边距离，向左移动

top增大上方距离，向下移动

bottom增大下方距离，向上移动

.box1{
        position:relative;
        left:30px;
        top:50px;
        width:200px;
        height:200px;
        background-color:black;
}

relative相对定位，相对于原来的位置移动；上面是相对于块元素原来的位置右移30像素并向下移动50像素，

.box2{
		position: absolute;
		left: 60px;		
		top: 20px;		
		width: 300px;
		height: 300px;
		background-color: blue;
	}

absolute绝对定位，没有定义包含框(被大div包裹且大div中有relative则被包含，相对于包含框定位)的时候相对于浏览器定位

fixed固定定位，始终相对于浏览器页面定位，不会随滚动条或者其他条件影响，只受浏览器影响，

.box3{
        position:sticky;
        top:20px;
        width:200px;
        height:50px;
        background-color:red;
}

sticky粘性定位，不会随滚轮被划出页面，类似于淘宝的导航栏；上面是距离浏览器顶部20px的位置不动了

z-index覆盖优先级，多个块元素互相覆盖的时候用数值决定优先级，数值越大，优先级越高，

相对移动是由块元素的左上角决定的，不是块元素的中心，当需要块元素居中时用left:50%,top:50%的时候可以用margin-left:-块元素的宽，同理-块元素的高便可以让块元素居中