Altura del elemento (height)
La propiedad height determina la altura de los elementos en bloque, si no se especifica un valor para esta propiedad tendra como medida inicial el valor auto.
Si no se indica explicitamente la altura Height de un elemento bloque este dependera del contenido del elemento.
Elemento sin especificar altura
Primero veamos como actua un elemento si no se le indica la propiedad Height
Código CSS:
div {padding:8px;background:#DFE4EA;}
Resultado:
Este bloque no tiene indicado la altura y dependera del contenido que tiene el bloque
Especificando la altura de un elemento
Esta vez especificaremos la altura con la propiedad Height con un valor de 90px.
Código CSS:
div {height:90px;padding:8px;background:#DFE4EA;}
Resultado:
Este bloque tiene un altura de 90px
Generalmente esta propiedad se aplica a elementos con una altura estática como la cabecera de un sitio web, mientras que la parte del contenido de un sitio web, no tendra definido una altura, dejando que este se acomode de acuerdo a la cantidad del contenido.
