Есть 3 вложенных блока в другой блок.
.container {
border: 1px solid black;
height: 150px;
}
.top {
height: 20px;
border: 1px solid red;
}
.content {
overflow: scroll;
}
.bottom {
height: 20px;
border: 1px solid red;
}
<div class="container">
<div class="top">top</div>
<div class="content">1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br></div>
<div class="bottom">bottom</div>
</div>
Необходимо, чтобы блок top прилип вверх родительского блока container, блок bottom прилип вниз родительского блока container, а блок content занял все оставшееся место, если содержимое этого блока не полностью помещается, то появилась полоса прокрутки.