margin:auto不能实现垂直居中

为什么 margin:auto不能实现垂直居中？
margin：5px ；

等同于margin-top：5px；margin-left：5px；margin-right：5px；margin-bottom：5px；

所以按理解，margin：auto，应该是上下左右都是自动分配的，

但是W3C规定，top，bottom设置为auto，其实默认值为0。

所以margin:auto;=margin:0 auto;只是水平居中

就是因为这种情况，W3C又规定，只有绝对定位的元素才可以使用top，bottom为auto的自动分配从而实现上下左右都自动分配margin。
但是前提是要找到margin的可以参照的边界点，所以要设置top,bottom,left,right为0，这样元素就可以找到边界，margin也可以找到边界去auto分配外边距，从而实现水平垂直居中。
————————————————
版权声明：本文为CSDN博主「chestnut99」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_45954775/article/details/109222692