Mantener div abajo de la página con CSS

Comment

Cliente (HTML, Javascript, CSS) Informática Programación

Este post no será muy largo, pero sí conveniente, aunque lo que se explica aquí no es difícil.

Si queremos que nuestra página tenga en la parte inferior, siempre presente, un div con botones o menú, con un mensaje o el copyright, se puede realizar muy fácil con CSS.

[CSS]
#inferior {
position: absolute;
bottom: 0;
width: 100%;}
[/CSS]

Expliquemos éstas líneas… La propiedad position en absolute, determina que el div estará anclado a la página y no al elemento padre. Luego, la propiedad botom, indica cuántos píxeles empezando desde abajo debe estar corrido, al ser cero, queda pegado al margen inferior.

Por último, el ancho se lo indicamos con “width”, acá el valor es a elección. En el ejemplo, es 100% para que ocupe todo el ancho de la pantalla.

Si les fue útil, por favor, dejen un comentario.

Deja un comentario