Как прижать содержимое к bottom блока div при ограничении height?

Question

[dieneri]

Нужно, если под заданный height не помещается содержимое блока div, то выводить нижнее содержимое блока. Сейчас выводится только верхнее содержимое. Нужно так. Наглядно на картинке -

Comments

[Ankhena]

Прибить абсолютом или гридами к низу блока.
Что именно у вас не получилось?

Answer 1

[Anonymous Penguin]

Примерно так

<div class="content-bottom">
    <div class="content-wrapper">
        <p>1111111111</p>
        <p>2222222222</p>
        <p>3333333333</p>
        <p>4444444444</p>
        <p>5555555555</p>
        <p>6666666666</p>
        <p>7777777777</p>
        <p>8888888888</p>
    </div>
</div>

.content-bottom {
    background: green;
    height: 227px;
    width: 500px;
    position: relative;
    overflow: hidden;
}
.content-bottom .content-wrapper {
    position: absolute;
    bottom: 0;
}