Respuestas:
Auto solo mostrará una barra de desplazamiento cuando se recorta algún contenido.
Sin embargo, Scroll siempre mostrará la barra de desplazamiento incluso si todo el contenido cabe y no puede desplazarse.
overlow: scrollhace que la caja sea más delgada: jsbin.com/letog/2/edit
overflow: scrolly overflow: autosean funcionalmente idénticas cuando el contenedor sea lo suficientemente grande para contener el contenido.
overflow: scrollocultará todo el contenido desbordado y hará que aparezcan barras de desplazamiento en el elemento en cuestión. Si el contenido no se desborda, las barras de desplazamiento seguirán estando visibles, pero deshabilitadas.
overflow: auto es muy similar, pero las barras de desplazamiento solo aparecen cuando el contenido se desborda.
Hay una explicación similar de esto aquí , con algunas capturas de pantalla para ilustrar el punto.
Eche un vistazo a los trucos de CSS .
Auto mostrará la barra de desplazamiento si y solo si el contenido se desborda; pero el desplazamiento siempre mostrará la barra de desplazamiento, ya sea que el contenido se desborde o no.
Agregar un punto a la respuesta, Overflow:autono funcionó en IE7 cuando la posición del contenedor es absoluta Desbordamiento relativo de posición IE7 . Pero la configuración Overflow:scrollfunciona
desbordamiento: el desplazamiento mostrará una barra de desplazamiento horizontal y vertical incluso cuando no necesite una u otra. while, overflow: auto mostrará la barra de desplazamiento que necesita su div. así que, básicamente, auto te ayudará a deshacerte de ambos scollbar. Aquí hay más de eso:
scroll, no veo la barra de desplazamiento si el contenido encaja. Pero, solo para estar seguro, fui conautoporque solo quiero mostrar una barra de desplazamiento cuando el contenido está recortado.