front-mockup(5)ul user agent style



問題の状況


受け取った手紙のリストをulラベルで並べたいです.しかし、ulタグにliタグを付けると、上の写真のように左にスペースが出てきて、marging-left-10 pxなどの負数を与えて、強制的に左に移動することができますが、なぜかそのスペースが出てきます.

の原因となる



「開発者ツール」タブの「スタイル」セクションでは、ユーザーエージェントスタイルシートのulタグ自体に40 pxのpadding-inline-startがあります.これは約40 pxの浮遊をもたらした.そこで,cssを以下のように修正した.

解決する

.mypage-container .ul-mailbox {
  margin: 0 auto;
  padding: 0; //이 부분을 추가하니 좌측 빈 공간이 없어짐.
  list-style: none;
  border: 3px solid red;
}