html - inside - position fixed relative to parent div

Diferencia entre HTML "overflow: auto" y "overflow: scroll"

Question

Cuando estaba estudiando los valores de la propiedad de overflow , me encontré con estos dos valores: auto y scroll , que agrega barras de desplazamiento si el contenido se desborda del elemento.

¿Podría alguien por favor explicarme cuál es la diferencia entre ellos?

Answer 1

Agregar un punto a la respuesta, Overflow:auto no funcionó en IE7 cuando la posición del contenedor es absoluta Desbordamiento relativo de posición IE7 . Pero establecer Overflow:scroll funciona el Overflow:scroll

Answer 2

Auto solo mostrará una barra de desplazamiento cuando se recorta cualquier contenido.

Sin embargo, el desplazamiento siempre mostrará la barra de desplazamiento incluso si todo el contenido se ajusta y no se puede desplazar.

Answer 3

Eche un vistazo a here .

Auto mostrará la barra de desplazamiento si y solo si el contenido se desborda; pero el desplazamiento siempre mostrará la barra de desplazamiento, tanto si el contenido se desborda como si no.

Answer 4

overflow: scroll ocultará 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 desactivadas.

overflow: auto es muy similar, pero las barras de desplazamiento solo aparecen cuando el contenido se desborda.

Aquí hay una explicación similar de esto, con algunas capturas de pantalla para ilustrar el punto.