La propiedad overflow se muestra cuando el contenido sobrepasa el area del elemento contenedor. Tiene los siguientes posibles valores:
visible: Valor por defecto. El contenido no es recortado. Se visualiza fuera del elemento.
hidden: El contenido es recortado, pero el navegador no muestra una barra de desplazamiento para ver el resto del contenido.
scroll: El contenido es recortado, y el navegador muestra una barra de desplazamiento para ver el resto del contenido.
auto: Si el contenido es recortado, el navegador deberia mostrar una barra de desplazamiento para ver el resto del contenido.
Bueno pues también podriamos definir la propiedad overflow tanto horizontal como verticalmente.
Entonces podriamos definir cuando queremos que el navegador nos muestre la barra de desplazamiento:
La propiedad overflow esta soportado para Internet Explorer, Firefox, Safari y Opera
pero las propiedades overflow-x y overflow-y estan soportados en Internet Explorer, Firefox, Safari.
Incluso Opera no sólo no la soporta sino que actúa como sino hubieses puesto overflow, tener cuidado con eso.
Enlaces de referencia:
Febrero 5, 2008 a las 7:35 am |
Un uso que no se le suela dar mucho, es para evitar los “clear:both” que suelen poner los desarrolladores en sus CSS.
Poniendo un overflow hidden al contenedor, si los elementos de su interior tienen floats, el contenedor sigue creciendo, sin tener la necesidad de poner el clear al final de ellos.
saludos Edu
Abril 23, 2008 a las 10:10 pm |
Esto no sirve para IE 6