Из-за того, что в родительском мин-высоте: 300px; переполнение не работает, как это исправить ⇐ CSS

[Anonymous]

s











.container {
width: 100%;
display: flex;
height: 100%;
}
.messages {
width: 70%;
background-color: #252525;
border-radius:20px 30px 30px 20px;
}
.list {
overflow-y: auto;
max-height: 100%;
}

.partial {
height: 50px;
width: 100px;
background-color: #000;
margin-bottom: 20px;
}

.chat {
min-height: 300px;
background-color: rgb(var(--v-theme-surface));
grid-column: span 3 / span 3;
grid-row: span 3 / span 3;
border-radius: 20px;
}

< /code>
из-за того, что в родительском Min-Height: 300px; переполнение не работает, как это исправить < /p>
Это только компонент, и если проблема лежит в другом месте, я могу дать вам весь код < /p>
Я нахожусь в тупике и не знаю, что делать дальше

Подробнее здесь: https://stackoverflow.com/questions/793 ... t-work-how