Absolute/Relative & Height 0

Bonjour,

Dans le cas général, on ne peut pas. Mais dans les cas particuliers, on peut faire semblant.

Par exemple, si l'unique soucis est d'être responsive, tu peux par exemple utiliser les unités vh et vw.

Si tu donnes à ton image la même hauteur que son container en unité vw (largeur du viewport) ou vh (hauteur du viewport), tu n'auras pas de pixel et un container de même hauteur que ton image.

Exemple (même si je ne vois pas top l'intérêt du position: absolute ici, il faudrait connaitre tes autres contraintes):

#cont_dog{
  position: relative;
  background: yellow;
  height: 10vw;
}

.dog{
  position:absolute;
  height:10vw;
  left:50%;
  top:0%;
  transform:translateX(-50%);
}

Amicalement,