如图，img是如何实现水平+垂直居中的，请仔细解释下原理

HTML代码就是header里放了个img
css代码如下所示

无法理解怎么实现的

第一个 header 可以删除，留下header img就可以了
1.绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于
2.top,left,right,bottom设置为0px, 清除图片周围的距离
3.margin:auto 外边距设置为自动 自动调整外边距距离

• 给你找了一篇非常好的博客，你可以看看是否有帮助，链接：关于照片（img）的水平居中和垂直居中

margin: auto;
块级元素常用的水平垂直居中方法
感觉定不定位 都无所谓