父子元素均为块级元素，实现子元素居中

1.父元素使用padding属性挤压子元素（注意为父元素box-sizing：border）

2.子元素设置margin属性（父元素需要加边框避免塌陷问题）

3.子绝父相：①父元素相对定位、子元素绝对定位然后为子元素调整位置

②父元素相对定位、子元素绝对定位 子元素设置 top：50%、 left：50%、 margin-left： weight/2 margin-top： height/2

4.使用弹性盒模型：①父元素设置display：flex，子元素设置margin：auto

②父元素设置display：flex，子元素水平居中justify-content：center、垂直居中aligin-items：center