CSS のセンタリング方法の違い

センタリングしてる要素の親要素が、
センタリングしてる要素より、横幅が狭くなった時

position: relative;
margin: 0 auto;

は親要素の左端に合わせるけど、

position: absolute;
left: 50%;
margin-left: -XXXpx;

とかは親要素無視してはみ出すんで