我有一個裝卡片的容器。容器有一個溢出-x:scroll；并且沒有展示所有的牌(它切掉了一張牌的一部分)。有了足夠多的卡片，它會自動添加一個滾動條，但它似乎偏移了60px，但沒有任何東西可以移動它。

#cardcontainer {
  width: 100%;
  height: fit-content;
  margin-top: 20vh;
  margin-left: 0px;
  display: flex;
  justify-content: center;
  overflow-y: hidden;
  overflow-x: scroll;
}

.card {
  max-width: 300px;
  background-color: rgb(64, 64, 64);
  padding: 6px;
  margin: 0px 0.5%;
  border-radius: 12px;
  display: inline-block;
  position: relative;
}

<div id="cardcontainer">
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
     <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
  <div class="card">
     <h3>Content here</h3>
  </div>
</div>

有類似的問題，請嘗試刪除& quot調(diào)整-內(nèi)容& quot財產(chǎn)，這是我的情況下搞砸了。

如果這不起作用，請嘗試其他定位屬性。

盡管我將溢出設置為滾動，左邊的卡還是被切斷了。你能告訴我你聲明的最大寬度是多少嗎？結(jié)果是什么樣的？謝謝

改這個:justify-content:center；為此，正義的內(nèi)容是:安全中心；在#cardcontainer中。