CSS - altura mínima

Descripción

La propiedad min-height se utiliza para establecer un límite inferior en la altura de un elemento.

Valores posibles

length- Cualquier unidad de longitud. El elemento nunca puede tener un valor de altura inferior a esta distancia.
percentage - Limita la altura del elemento para que sea al menos este porcentaje de la altura del bloque contenedor.

Se aplica a

Todos los elementos HTML, excepto los elementos en línea no reemplazados y los elementos de tabla.

Sintaxis DOM

object.style.minHeight = "50px"

Ejemplo

Aquí está el ejemplo:

<html>
   <head>
   </head>

   <body>
      <p style = "width:400px; min-height:200px; border:1px solid red; padding:5px; margin:10px;">
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
         This paragraph is 400px wide and min height is 200px
      </p>
      
      <img alt = "logo" src = "/css/images/logo.png" width = "95" height = "84" />
   </body>
</html>

Esto producirá el siguiente resultado:

↰ Previous page