JSFiddle - React, Tailwind, and code Playground

HTML

<div id="head"></div>

<div id="main" class="wrapper">

	<ul>
		<li>bla bla...</li>
	</ul>

	<div>
		<div>
			<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent quis orci aliquet, finibus nunc sit amet, placerat lectus. Fusce interdum pellentesque rutrum. Aliquam vel malesuada ligula, non consectetur urna. Phasellus lobortis placerat diam, sit amet varius leo porta et. In sed commodo nisi. Aenean pretium sodales ante ut efficitur. Nunc vel nunc ipsum. Quisque vulputate lacus lacus. Quisque ac eros turpis. Donec molestie finibus pharetra. Proin elementum arcu eu facilisis ultrices. Etiam ut purus vel diam mollis vehicula. Aenean non sem vitae metus hendrerit vestibulum. Aliquam blandit velit sed ullamcorper auctor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ligula urna, pharetra commodo vestibulum ut, lacinia et magna. Mauris vehicula scelerisque vulputate. Aenean commodo, libero eget sodales feugiat, enim ante porttitor nulla, in aliquet nisl sapien vitae urna. Praesent nisi libero, consectetur sed hendrerit hendrerit, rutrum sit amet nibh. Ut eu metus ac augue tincidunt sagittis eu pulvinar lectus. Quisque a mauris eros. Nullam lacinia, tellus eu sodales pellentesque, sem sem dapibus turpis, non porta metus nunc sit amet nulla. Fusce sodales convallis hendrerit. Mauris commodo, tortor a placerat maximus, est est ornare odio, eget venenatis libero arcu eget odio. Pellentesque sed enim et lacus pulvinar bibendum eget sit amet enim.

In vitae tellus id mauris vulputate efficitur. Proin imperdiet leo nulla, id dictum est faucibus sit amet. In sed sollicitudin diam. Sed tempus velit lacinia, pellentesque ex id, pharetra libero. Nam sollicitudin velit ac libero volutpat, a convallis arcu lobortis. In hac habitasse platea dictumst. Mauris porttitor mauris pretium enim ornare pellentesque. Curabitur at mattis diam, eget aliquet augue. Pellentesque sapien ante, sagittis eleifend luctus non, porttitor a nisi. Maecenas vulputate...

CSS

html, body {height: 100%;margin: 0;}

#head {position: absolute;width: 100%;height: 50px;background: #333;}
#main {box-sizing: border-box;height: 100%;padding-top: 50px;}
#main ul {float: left;width: 150px;height: 100%;margin: 0;color: #fff;background: #1f1f1f;}
#main>ul+div {overflow: hidden;height: 100%;}
#main>ul+div>div {overflow: auto;height: 100%;}