第一种：通过定位子绝父相和外边距margin来实现
先为父盒子设置相对定位，再为子盒子设置绝对定位，将子盒子分别向右、向下移动父盒子的一半，然后利用外边距margin将子盒子分别向左、向上移动子盒子自身尺寸的一半
第二种:通过子绝父相和位移来实现 先为父盒子设置相对定位，再为子盒子设置绝对定位，将子盒子分别向右、向下移动父盒子的一半，然后利用位移transform: translate;将子盒子分别向左、向上移动子盒子自身尺寸的一半
第三种：通过flex布局
在父元素中添加display:flex;使其显示模式为flex布局模式，然后在父元素中添加主轴居中和侧轴居中
第四种:定位加方位名词0
先为父盒子设置相对定位，再为子盒子设置绝对定位,将子盒子top,bottom,right,left四个方位全部设置成0,给一个margin:auto上下左右居中
