margin:20px auto 0 使mainbody居中的原因

Question

在学习固定层效果2-1时，视频中最后设置mainbody时，使用了“margin:20px auto 0”,一般margin的4个值定义顺序是上右下左吗，那么为什么这样书写呢？具体含义是什么？为什么auto在中间呢？实践中，输入margin:20px 0 auto就无法实现居中效果

Answer 1

margin:20px auto 0 auto;左右都是auto，简化为margin:20px auto 0；

Answer 2

margin:20px auto，意思就是上下边距为20，左右边距为auto，就是自动适应