#modalにposition:absoluteを指定しましたが、親要素にrelativeを指定しなくていいのでしょうか？

#body {
  position: relative;
}

modal {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;

親要素にposition: relativeをつけた場合と、今回の動画のようにつけない場合で、#modalの位置が若干違います。
これはなぜでしょうか？