CSS

四部分 content 内容（width宽 + height高） padding 内边距 margin 外边距 border 边框 切换盒子模型：box-sizing content-box W3C盒

父盒子开启flex布局，并设置主轴居中、侧轴居中 父盒子开启flex布局；子盒子设置外边距自适应 子绝父相；子盒子设置top、left为50%，利用transform基于自身-50% 子绝父相；子盒子