Meu rodapé não fica abaixo do conteúdo

Mi pie de página no queda abajo del contenido muy largo, alguien me podría decir el porque? desde ya, muchas gracias

Codigo css:

.pie-pagina{
margin-top:100px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
width: 100%;
background-color:#BDBFC0;
float: left;
box-sizing: border-box;
padding: 1em 2em;
}

quitale el float left, ya que dependiendo de como esté el otro elemento se verá o no abajo