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

[Anonymous]

Как лучше всего поднять ряд DOV в верхней части друг друга, если их слишком много, чтобы вписаться в родителей. Что -то вроде удержания поклонника карт. В идеале это будет только CSS, поскольку количество DOV является динамичным. Я также попробовал Z-индекс, но я не мог заставить его работать с динамическим количеством DOV с только CSS. Я мог бы написать что -нибудь в JS, но я бы честно хотел бы найти более чистый способ сделать это. < /P>
html: < /p>




< /code>
css: < /p>
.card {
background-color: #ffffff;
width: 200px;
min-width: 200px;
height: 280px;
}

.card-container {
background-color: #000000;
display: flex;
flex-direction: row;
margin: auto;
justify-content: space-evenly;
}


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