如何使具有绝对位置和边距的元素居中工作？

Question

从这个site，我了解到这种方式可以集中一个元素。但为什么？计算位置的元素的顺序是什么？它是如何工作的？哪个规则优先于另一个规则？ “边界框”的确切含义是什么？

.Absolute-Center {
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    width: 100px;//exact width
    height: 100px;//exact height
}