JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
			<p>
				Conteúdo da pagina
			</p>
		</div>
		<div id="footer">
			<p>
				Layout Rodapé
			</p>
		</div>

CSS

body {
				margin: 0px;
			}
			div#content {
				width: 100%;
			}
			div#footer {
				width: 100%;
				background-color: #ccc;
				color: white;
				position: fixed;
				bottom: 0;
				left: 0;
				height: 100px;
				text-align: center;
				z-index: 10;
			}