水平垂直居中方法

flex: 水平垂直居中 （福赖可斯）
直接在父元素上 display: flex; justify-content: center; align-items: center;

定位方法：
div{
width: 300px;
height: 300px;
position: relative; （破贼寻 软勒提吾） 相对定位 根据窗口body偏移
}
img{
position: absolute; （啊波色鲁特） 决对定位 根据设置了相对定位的 父元素 脱离文档留 如果父元素不具有定位属性
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
position:fixed 固定定位的位置是 相对当前浏览器窗口 的 (坏可斯得)