Как сделать Divs перекрывать/стек друг на друга в Flexbox ⇐ Html

[Anonymous]

Как лучше всего поднять ряд DOV в верхней части друг друга, если их слишком много, чтобы вписаться в родителей. Что -то вроде удержания поклонника карт. В идеале это будет только CSS, поскольку количество DOV является динамичным. Я также попробовал Z-индекс, но я не мог заставить его работать с динамическим количеством DOV с только CSS. Я мог бы написать что -то в JS, но я бы честно хотел найти более чистый способ сделать это. < /P>
css для карт: < /p>
.card {
background-color: #f0f0f0;
width: 200px;
min-width: 200px;
height: 280px;
display: inline-block;
margin: auto;
transition: 200ms;
}
< /code>
css для контейнера: < /p>
.card-container {
background-color: #f0f0f0;
display: flex;
flex-direction: row;
margin: auto;
justify-content: space-evenly;
width: 80vw;
padding-top: 100px;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... -a-flexbox