absoluteで絶対配置した要素を、中央揃えにするやり方が理解できない

CSSの仕様を確認してみると良いでしょう。
2021年1月7日
ユーザー
#modal {
  background: #fff;
  width: 300px;
  padding: 20px;
  border-radius: 4px;
  position: absolute;
  top: 40px;
  /* left: 0; */  
  /* right: 0; */
  margin: 0 auto;
}

👆のコードなのですが、#modalを中央揃えにするために、なぜleftとrightを0にする必要があるのか理解できません。
試しにその部分をコメントアウトして、margin: 0 auto;を書いてみましたが、中央揃えにできませんでした。

ご教授のほど、よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(9)