Altura y Anchura CSS

height and width son las propiedades para modificar la altura y anchura de un elemento HTML.

El navegador utiliza el valor auto para calcular la altura y el ancho de un elemento. también puede especificar valores de longitud utilizando px, cm y el valor porcentual (%) del bloque contenedor.


Alruta (height)

La propiedad CSS que controla la altura de un elemento HTML es la prodiedad height

Ejemplo
<!DOCTYPE html>
<html>
<head>
<style>
.ejemplo_altura {  
 height: 300px;
 width: 25%;
 background-color: rgb(77, 149, 231);
 color: white;    
} 
</style> 
</head>
        
<body>
 <div class="ejemplo_altura">Este elemento tiene una Altura de 200px y una Anchura de 25%</div>
</body>
</html>
Resultado:
Este elemento tiene una Altura de 200px y una Anchura de 25%

Anchura (width)

La propiedad CSS que controla la anchura de un elemento HTML es la prodiedad width

Ejemplo
<!DOCTYPE html>
<html>
<head>
<style>
.ejemplo_anchura {  
 height: 50px;
 width: auto;
 background-color: rgb(77, 149, 231);
 color: white;    
} 
</style> 
</head>
        
<body>
 <div class="ejemplo_anchura">Este elemento tiene una Altura de 50px y una Anchura de auto</div>
</body>
</html>
Resultado:
Este elemento tiene una Altura de 50px y una Anchura de auto