如題，在制作如下圖所示的卡片滾動(dòng)欄時(shí)，最后一張卡片的陰影被裁切

.wrapper{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    height: 220px;
    margin-right: 10px;
}
.card{
    flex: 0 0 auto;
    width: 300px;
    height: 200px;
    box-shadow: var(--light-shadow);
    border-radius: 8px;
    margin:10px;
}

嘗試過wrapper class中設(shè)置margin外邊距無果，另外設(shè)置一個(gè)大的container包括wrapper后設(shè)置內(nèi)邊距padding也無效，特向各位請(qǐng)教問題所在。