Como crear un div flotante inferior o abajo

Vamos a ver cómo ubicar un div justo en la parte inferior, cual barra de tareas de Windows por medio de css. Lo primero que vamos a hacer es crear un div llamado “inferior”:

<div id="inferior">¡Hola mundo!</div>

Lo siguiente es crear el código CSS, para lo cual creamos las propiedades para situar nuestro div en la parte inferior:

<style type="text/css">
body,html{
height:100%; /*Siempre es necesario cuando trabajamos con alturas*/
}
 #inferior{
color: #FFF;
background: #000;
position:absolute; /*El div será ubicado con relación a la pantalla*/
left:0px; /*A la derecha deje un espacio de 0px*/
right:0px; /*A la izquierda deje un espacio de 0px*/
bottom:0px; /*Abajo deje un espacio de 0px*/
height:50px; /*alto del div*/
z-index:0;
 }
</style>

y para usar un alcho del 100% como tendria que hacer?

jorgevip como estás usando display absolute, para lo que pides necesitarás colocarle un ancho de 100% en el css del div #inferior.

width:100%;

jorgevip dijo:
y para usar un alcho del 100% como tendria que hacer?

prueba como te dijo jose creo que así podras hacerlo