HTML

Evitar el desbordamiento con overflow

El atributo overflow usado en CSS nos permite controlar el desbordamiento de un elemento, generalmente una capa.

Por ejemplo, si creamos una capa para el menú con ancho 100 píxeles y el botón del menú ocupa 120 píxeles, éste "empujará a la capa del menú y la estirará para poder caber."

Sin embargo, si a la capa del menú de ese ancho 100 píxeles le añadimos overflow:hidden; la "rigidizaremos y no se ensanchará, con lo que el botón del menú sólo podrá medir esos 100 píxeles."

La sintaxis sería:

.menu
{
width:100px; definimos un ancho de 100 píxeles
overflow:hidden; impedimos que esa capa se agrande
}