Overflow: es un atributo incorporado en el CS2 que le indica al navegador que debe hacer cuando los datos de una caja o contenedor sobrepasan sus dimensiones.
En CS3 aparece los atributos Overflow-x y Overflow-y, tienen la misma función que Overflow en las anteriores versiones solo que estas le permiten controlar el desbordamiento de datos ya sea horizontal o vertical respectivamente.
Existe varios tipos de Overflow:
_Overflow: Visible;
Esto hace que el contenido que sobrepasa las dimensiones del contenedor se muestre de todas formas en el navegador:
/*Claramente en la imagen de arriba ven como los datos sobrepasan las dimensiones de la caja.*/
_Overflow: Hidden;
Este atributo hace que el navegador no muestre el contenido que sobrepasa las dimensiones de la caja:
_Overflow: Scroll;
Este atributo declara que si el contenido sobrepasa las dimensiones de la caja se establecerá las barras de scroll para desplazar y así poder ver el contenido comprendido dentro de ella:
_Overflow: Auto;
Este atributo es similar a Scroll con la diferencia que este declara que solo y solo si se establecerán las barras de scroll si los datos sobrepasan las dimensiones de las cajas, en caso contrario quedara normal:
Nota: en el ejemplo de arriba supone que si sobrepaso las dimensiones. Si no hubiese sido así no se aplicarían las barras de scroll.
_Overflow: No-Display;
Este atributo no se aplica hoy en día pero en sí serviría simplemente para que si los datos sobrepasan las dimensiones de la caja sean eliminados junto con el contenedor o caja de la pagina.
_Overflow: No-Content;
Este es similar al anterior solo que no eliminaría al contenedor, solo los datos.
Sígueme en Twitter:
https://twitter.com/Maxidepaula
Búscame en Facebook:
http://www.facebook.com/maxidepaula
Agregame en Google +