JSFiddle - React, Tailwind, and code Playground

by sandro_paganotti

HTML

<div id="box">
    <div> a </div>
    <div id="b"> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> b<br> </div>
    <div> c </div>
</div>

CSS

#box,html,body{
    height: 100%;
    width: 100%;
}

#box{
    display: -webkit-flex;
    display: -moz-box;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
}

div{
    -webkit-flex: 1;
    -moz-box-flex: 1;
    border: 1px solid red;
    min-height: 50px;
}

#b{
    overflow: auto;
}