question CSS sur vh et pourcentage

Default
,

Bonjour à vous,

Ne souhaitant pas détérer un vieux sujet et me posant une question sur cette unité du css,je m'en remet au forum

J'ai rencontré des problèmes sur la non prise en charge des pourcentages sur la propriété height en CSS (sur une DIV, par exemple)

exemple:
div{
height: 50%;
}

La solution que j'ai trouvé sur un forum, mettre sur la balise html:

html{
height: 100%;
}

Dans ma tête, je me suis dit que la balise html étant la balise contenant tout mon html et n'ayant pas de balise parent, c'est 100% de quelquechose de connu, raison pour laquelle cela marche ainsi. Et en étudiant les unités vw et vh, qui font un lien entre une valeur variable (le viewport) et un pourcentage, je me suis posé cette question:

Comment le CSS gère ce pourcentage sur les balises enfant de html à savoir la balise head (non visible donc mystere) et le body qui n'est autre que mon viewport, n'est ce pas?
Et la je suis obliger de me poser la question si mon body hérite du height à 100%, il s'agit de 100% de la partie visible de ma fenetre visible donc de mon viewport, n'est ce pas?
Et donc le dernier questionement: Pourquoi est je besoin des unités vh quand on fixe le height de la balise html à 100%, par héritage, le height de mon body est connu?

Pouvez vous m'éclaircir?

En vous remerciant.

1 Réponse

Default
,

I'm having issues making the CSS changes I do in inspect element stick when implementing.I'm a noob and have search about but this stumped me.

Below is a screencast, the element I want to change is the header .masthead-brand img

I have tried .masthead-brand #campaign-logo-show .template-value and a few combinations but have had no luck seeing any changes.