CSS duda basica

[Simon_Echecopar]

Que diferencia hay entre display y overflow en CSS?

[cristian_cena]

Básicamente:

Solemos usar display para cambiar el tipo de elemento. Es decir: si por ejemplo tenes una caja de linea que queres pasar a bloque aplicas "display:block". Si en cambio, es al revés aplicas "display:inline";
A su vez, display también es usado para ocultar un elemento (a diferencia de visibility:hidden; que solo lo hace invisible). Así, por ejemplo, el clásico efecto "toggle" consiste en ocultar (display:none;) y mostrar (inline o block según el caso) el mismo elemento.

overflow se utiliza para controlar la vizualización de una caja que en su interior tiene contenido que la excede: Tomemos por caso una caja contenedora cuyo width y height son ambos iguales a 100px y una caja hija de esta cuyo width y height son ambos 200px. Está claro que esta caja no va a caber dentro de su contenedor. Es en este caso donde se debe usar overflow. Si damos el valor hidden a una caja, esta actuará como una "máscara" recortando el excedente. Si aplicamos el valor scroll aparecerán las scrollbar, si damos el valor auto las scrollbar aparecerán solo cuando exista excedente.

Un uso que puede llevar a confusiones es la técnica "limpiar los float", por medio de la cual se hace que un contenedor tome un height "variable" equivalente a la altura de su hijo más alto. Esto es raro: Cuando damos float a un grupo de elementos el height de su contenedor "mágicamente" se vuelve igual a cero. Hay muchos modos de resolver esto, uno de ellos consiste en dar overflow:hidden a dicho contenedor, y así por alguna razón que desconozco el problema se resuelve. A decir verdad no se que pasa "detrás de escena" ojalá alguien más experimentado nos cuente :D

Saludos.