margin-top:-10px和margin-bottom:10px为什么不一样？

Question

margin-top:-10px应该是距离顶部-10px，也就是向上10px；

margin-bottom:10px应该是距离底部10px，也就是向上px；

但是实际操作中发现好像并不一样，想问一下这两者的区别应该如何理解？

Answer 1

margin-bottom不会使当前div向上移动10px，它会使下面的div向下移动10px。它对下一个div有效而不是当前的。

Answer 2

flex？BFC?