I put a button in a div
but when I add it, it div
increases a lot in height and sticks to the footer
, also the button goes out of the div
, I don't know what it could be.
.caja {
height: auto;
background: #fff;
width: 100%;
margin: 0 auto;
position: relative;
bottom: 630px;
}
.boton {
background: #ff4000;
color: #fff;
border-radius: 5px;
padding: 10px;
font-style: normal;
width: 20%;
margin: 0 auto;
display: block;
position: absolute;
bottom: 0px;
right: 0;
left: 0;
}
<div class='caja'>--CONTENIDO</div>
<a href="javascript:cargar();" class="boton">MÁS</a>
Try this way: