Как сделать только один изгиб, а другой ограничен, чтобы сохранить их естественную высоту? ⇐ Html

[Anonymous]

Я хочу все гибкие предметы, за исключением последних, чтобы просто занимать их обычную высоту и последнюю гибкую возможность, чтобы занять оставшуюся высоту гибкого ящика (растяжение). Но я не смог этого сделать. class = "Snippet">

Код: Выделить всё

  .parent {
display: flex;
flex-wrap: wrap;
/*align-content: start;*/
border: 1px solid green;
height: 50vh
}

.child-height-auto {
align-self: start;
border: 1px solid red;
width: 100%;
}

.child-height-strech {
align-self: stretch;
border: 1px solid blue;
width: 100%;
}< /code>

I should occupy my normal height
I should occupy my normal height
I should occupy remaining height of the flexbox

Подробнее здесь: https://stackoverflow.com/questions/525 ... heir-natur