Html – How to make a scroll content in between the header and footer
<div class="flex h-screen w-full flex-col"> <header class="h-64 bg-cyan-300"> <h1>I'm header</h1> </header> <div id="pageContent" class="flex flex-1 flex-col overflow-auto bg-green-400"> <div id="content" class="h-[calc(100%-50px)] overflow-auto"> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1> <h1 class="h-32">test</h1>…