JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "main">
    <div id = "top">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc suscipit euismod interdum. Duis dictum eros justo, sit amet aliquet lectus. Integer imperdiet, eros quis aliquam vulputate, risus quam tristique velit, id aliquet nisi dolor non quam. Ut vitae rutrum dolor. Phasellus rutrum ornare tellus nec pharetra. Donec posuere erat et velit convallis sit amet varius urna gravida. Nulla elementum lectus eu purus sollicitudin vitae tincidunt enim cursus. Vestibulum molestie odio egestas mi tempor scelerisque. In porttitor condimentum arcu, eu tempus nisl posuere sit amet.
    </div>
    <div id = "middle">
Ut ullamcorper varius vulputate. Ut auctor orci sed leo congue cursus. Curabitur eu lacinia tellus. Cras posuere, magna sed varius luctus, nisi arcu convallis mi, sit amet auctor sem sem in libero. Nulla pulvinar tempus ante, sed tincidunt lacus molestie non. Etiam dapibus sagittis diam, sed bibendum libero commodo quis. Ut ornare elit in magna aliquam eu consectetur sapien tincidunt. Mauris pretium velit non risus rutrum pharetra. Mauris eget odio et tortor congue vehicula eget at velit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur vitae risus magna. Sed mattis sapien non turpis consequat in hendrerit diam sodales. Maecenas tincidunt turpis nec ligula molestie lacinia eget vitae lorem. Sed nec ipsum sed est placerat ullamcorper. Sed mi massa, lobortis et varius quis, ornare vel mi. Quisque ut lorem ultrices augue tempor dictum vitae sed dui.
    </div>
    <div id = "bottom">
        Низ
    </div>
</div>

CSS

#main {
    height: 200px;
}
#top {
    background: #EDC;
}
#middle {
    overflow: auto;
}
#bottom {
    background: #DEC;
}

JavaScript

// Вычисляем высоту
var middle_height = $('#main').height() - $('#top').height() - $('#bottom').height();

// Минимаьная высота, в px
var min_height = 25; 

// Если для блока осталось место - применяем, если нет - растягиваем main
if (middle_height >= min_height) {
    $('#middle').height(middle_height);
} else {
    $('#middle').height(min_height);
}