faire une image adapter son conteneur en définissant la hauteur de l'image à la hauteur des conteneurs

Question

disons que j'ai container.a et il a une certaine hauteur en pixels, disons que j'ai un autre container.b dans container.a qui est de 80% de conteneur. a, disons que je veux adapter une image qui a une certaine hauteur en pixels dans container.b, comment puis-je faire de l'image la hauteur de container.b, et ensuite maintenir le format de la largeur en utilisant css?

<div class="container.a"> 
    <div class="container.b"> 
    <img class="image.a" src="my_image.png" /> 
    </div> 
</div> 

.container.a { width: 200px; height: 300px; } 
.container.b { width: 80%; height: 80%; } 
.image.a { ? } 

Answer 1

Donner une largeur de 100% de l'image

.image.a{width:100%;} 

Answer 2

Utiliser ce:

.image.a { height:100%; width:auto }