ubiquitour.com

¿Qué sucede si contenido desborda Max-Height de CSS?

"Altura máxima" es una propiedad CSS que puede aplicarse a cualquier elemento HTML de nivel de bloque, como < div > < p > o < blockquote >, para establecer la altura máxima posible para ese elemento. Si el contenido desborda la altura máxima, el comportamiento predeterminado es mostrar el contenido de todos modos; puede cambiar esto añadiendo la propiedad CSS "overflow" al elemento en cuestión.

Comportamiento predeterminado

Si no se especifica ninguna propiedad del "desbordamiento", contenido que no cabe dentro de la altura especificada del elemento se mostrará de todos modos, desborda los límites de su elemento contenedor. Esto puede causar problemas de diseño y legibilidad, ya que cualquier contenido encontrado inmediatamente después de que el elemento rebosante será cubierto parcialmente por la desbordante contenido.

Ocultar contenido desbordante

Añade un "desbordamiento" con un valor de "oculto" al elemento rebosante hará que todo el contenido que no cabe dentro de la altura especificada debe esconderse. Por ejemplo, si un 500 píxeles altura está dentro de un conjunto de < div > a una altura máxima de 250 píxeles y rebosadero oculto, sólo la mitad de la imagen se mostrará.

Añadir barras de desplazamiento

El valor de la propiedad "el desbordamiento" en "auto" hará que una barra de desplazamiento que aparecen si el contenido desborda de su elemento contenedor, permitiendo que la totalidad de los contenidos disponibles sin problemas de diseño o legibilidad. El valor de "desbordamiento" para "desplazarse" causará una horizontal y una barra de desplazamiento vertical que esté siempre visible, si el contenido desborda su elemento contenedor o no.

Consideraciones

Aunque cuando están diseñando su sitio de Internet el contenido de su desbordamiento los elementos de bloque de altura limitada, puede que necesite agregar más contenido en el futuro. Debido a esto, cada vez que utilice la propiedad CSS "altura máxima", debe siempre agregar la propiedad de "desbordamiento". Esto supera su diseño y le permiten añadir contenido sin realizar cambios en el diseño sí mismo. Si configuras el desbordamiento que se oculta o muestra con barras de desplazamiento dependerá de la naturaleza de su contenido.