¿Como posicione una etiqueta DIV abajo de la pagina?

Hola, Soy principiante en HTML y estoy creando un sitio con HTML y CSS, ocupo colocar unos elementos en posiciones fijas en el sitio, ocupo colocar una barra en la parte inferior del sitio pero que se mantenga abajo sin importar la cantidad de contenido del sitio, si hay mucho o poco.
Aqui muestro una imagen



Ocupo saber como hacer que la barra llamada ABAJO se mantenga abajo siempre sin sobreponerse a ningún elemento y que el cuadro CONTENIDO se ajuste y siempre toque la barra ABAJO si hay poco contenido se ajuste a toda la pantalla y si hay mucho siga sin deformarse solo alargandose, sin que se sobrepongan.

Muchas Gracias

Si no mal recuerdo ese "truco" se llama "sticky footer". Aquí hay una página que explica una forma de hacerlo: http://ryanfait.com/sticky-footer/

bueno sin salirte de cristalab tienes una solución, aunque es más compleja, ya que se pedia... que se quedara al final de la página... solo cuando el contenido no superara esta.... y cuando este lo superara.. quedara al final del contenido de la página.

Post: como-mantener-un-div-al-ras-de-la-ventana-t101122/

y dipones de un ejemplo:
ejemplo solución pie pegado