使用 absolute + margin 实现垂直居中：原理及最佳实践

这种方式利用了绝对定位元素的特性，将其相对于父元素定位，并通过将上下左右的 margin 设置为'auto' 来实现垂直居中。具体来说，margin: auto 会使浏览器自动计算出上下左右 margin 的值，从而实现水平和垂直居中。

为了避免其他影响，需要将父元素设置为 position: relative;，以确保绝对定位元素相对于父元素进行定位。

而将子元素的 margin 设置为零，则是为了避免其他 margin 的影响，从而确保垂直居中的效果正确实现。