Cuando estaba estudiando los overflowvalores de la propiedad, encontré estos dos valores: autoy scroll, que agrega barras de desplazamiento si el contenido desborda el elemento.
¿Podría alguien explicarme cuál es la diferencia entre ellos?
123
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.overlow: scrollhace que la caja sea más delgada: jsbin.com/letog/2/editoverflow: scrollyoverflow: 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: autoes 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.
fuente
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.
fuente
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ónOverflow:scrollfuncionafuente
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:
https://css-tricks.com/the-css-overflow-property/
fuente