JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left-half">floated</div>
<div class="right-half">
    overflow:hidden<br/>
    more content to show that height doesn't affect this css<br/>
    ta da!
</div>
<div class="under"></div>
<div class="bottom"></div>

CSS

.left-half{
    background:grey;
    width:200px;
    float:left;
}
.right-half{
    background:green;
    overflow-x:hidden;
}
.under{
    height:100px;
    background:black;
    width:50px
}
.bottom{
    height:100px;
    background:#787878;
    width:50px
}