La propiedad overflow indica cómo se muestra el contenido cuando es mayor que las dimensiones de la caja que lo contiene. Puede tomar cuatro valores: visible, hidden, scroll, auto.
1- visible, el contenido desborda la caja y se superpone con la caja siguiente. Es el valor por defecto.
Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates .
Este es el siguiente contenido.
2- hidden, el contenido que desborda de la caja se oculta, no se muestra.
Este es el siguiente contenido.
3- scroll, el contenido que desborda la caja no se muestra pero se habilitan las barras de scroll para poder verlo (en los dispositivos táctiles se puede hacer scroll con el dedo).
Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates voluptatem.
Este es el siguiente contenido.
4- auto, si el contenido desborda la caja no se muestra pero se habilitan las barras de scroll que sean necesarias para poder verlo (en los dispositivos táctiles se puede hacer scroll con el dedo).
Párrafo uno. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora adipisci dolore reprehenderit dolores eum similique repellat, soluta in voluptates voluptatem.
Este es el siguiente contenido.
Para practicar lo aprendido realiza el ejercicio Margin y padding. Fondo, bordes
Para saber más sobre los temas de esta unidad ...
Página oficial W3C-CSS.
Usar em y rem: envatotuts+
![]() |
![]() |
Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.