JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="wrapper">
        <header>
            <nav>
                <a href="#" class="nav_left">A</a>
                <a href="#" class="nav_left">B</a>
                <a href="#" class="nav_left">C</a>
            </nav>
        </header>
        <article class="main">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum enim in augue lacinia, a blandit purus fringilla. Nullam turpis sapien, interdum a ullamcorper porta, commodo nec nulla. Integer feugiat erat vel gravida tempus. In consectetur, nibh nec tempus bibendum, odio dolor facilisis orci, sit amet dictum nisi felis in lectus. Vivamus sit amet venenatis tortor, ut tempor dui. Morbi eu justo sit amet dolor fermentum condimentum. Etiam dictum diam id neque ultricies tempor.

Aenean elit sem, imperdiet vitae felis nec, ultrices accumsan augue. Sed aliquam lacus in velit mattis, quis rutrum ante condimentum. Mauris odio lorem, venenatis rhoncus laoreet nec, accumsan vel libero. In lobortis molestie fermentum. Donec dictum augue nec ligula vestibulum, ornare fringilla lectus aliquam. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam pharetra, quam eu lacinia cursus, turpis augue consectetur tortor, ac lacinia neque metus eget ligula.

Curabitur sit amet sagittis justo, in sodales lectus. Phasellus at nulla arcu. Ut commodo, nibh sed pulvinar sodales, nunc sem tempor neque, sit amet vulputate est neque id metus. Aliquam pharetra lorem dui, quis accumsan est pretium ut. Praesent lacinia ante dolor, at varius ante dignissim sed. Nullam vel dui magna. Vestibulum et dignissim velit. Phasellus cursus felis neque, non hendrerit ipsum interdum vitae. Sed ac odio accumsan, venenatis purus sed, lobortis nulla.

Fusce sit amet tellus orci. Mauris vitae tincidunt leo, quis vulputate purus. Aliquam lacinia volutpat ullamcorper. In in erat vulputate, blandit purus sed, iaculis massa. Sed accumsan urna vel sem tincidunt euismod....

CSS

body {
    height: 100%;
    padding: 0;
    margin: 0 auto;
}

.wrapper {
    min-height: 100%;
}

header {
    background: #ff0;
    padding: 20px;
}

.main {
    overflow: auto;
    padding-bottom: 40px;
}

footer{
    position: absolute;
    height: 40px;
    bottom:0;
    background-color: #e55;
    width:100%;
}