我有一個flexbox容器，可以沿著x軸滾動。它可以正常滾動，但由于某種原因，容器中的許多項目隱藏在屏幕的左側，不在顯示屏上。我不知道為什么，我希望列表中的第一個元素是flexbox最左邊的第一個元素。

.home-carousel-cards {
display: flex;
flex-direction: row;
overflow-x: auto;
flex-shrink: 0;
margin: 0 -1px;
justify-content: center;
}

.home-item-card {
    width: 241px;
    min-width: 220px;
    height: 300px;
    background: white;
    border-radius: 16px;
    cursor: pointer;
    margin: 0 1px;
    border: 1px solid black;
}

結果是:

藍色突出顯示的div是第一個可見的元素。如您所見，實際看到的第一只鞋肯定不是列表中的第一個元素，前面的所有元素都不可見。我想讓用戶向右滾動到列表的末尾，但不能越過這一點。

我也有同樣的問題。我已經修好了

顯示= & quot-WebKit-inline-box & quot；嘗試這個解決方案