JSFiddle - React, Tailwind, and code Playground

by R3oLoN

HTML

<div>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
    <h3>Conteúdo</h3>
</div>
<footer id="rodape">
    rodapé
</footer>

CSS

#rodape{
    background-color: #fff;
	border: 1px #000 solid;
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
    z-index: 1000;
}