Hoy vamos a revisar un concepto CSS bastante utilizado: el desbordamiento. Éste se refiere al desbordamiento producido por un contenido de cierta longitud en su contenedor, el cuál tendrá ciertas dimensiones de ancho y alto.

Dado un contenedor con un ancho determinado (ya sea en píxeles, porcentaje o relativo a fuente) y un alto también determinado podemos definir la propiedad CSS overflow para definir el comportamiento de dicho contenedor cuando su contenido supere esas dimensiones que tiene:

CSS2.1

CSS3

Para CSS3 tenemos estos mismos valores pero la propiedad podemos aplicarla indistintamente al ancho o al alto de la siguiente manera:

Funcionamiento y Crossbrowsing

La propiedad overflow determina el comportamiento frente al desbordamiento pero este comportamiento está directamente ligado a las propiedades width y height del contenedor. En general pienso que funcionan bastante bien y son muy útiles.

La propiedad CSS2.1 overflow funciona bien en los principales navegadores mientras que las propiedades CSS3 lo harán sólo en los navegadores compatibles con CSS3. En cualquier caso,  nunca está de más una revisión en los distintos navegadores objetivo, a fin de  detectar comportamientos distintos entre navegadores de estas propiedades y aprender a atajarlos; pues básicamente se basan en jugar con las propiedades CSS width, height y overflow del contenedor.