Que signifie 100 % en CSS ?

« Cela dépend du contexte »

« Le % de quoi ? »

• À découvrir avec des exemples interactifs

→ Width & Height

→ Top & Left

→ Margins

→ Padding

→ Transform: translate

• À l’exception de translate, il s’agit du % de l’élément parent

[superwoou]

Avant, ça m’embrouillait énormément, mais avec l’arrivée de vw et vh, c’est devenu plus vivable… haha

[xguru]

L’article parle d’un objet parent, mais il semble qu’en réalité il soit plus juste de parler de Containing Block.

Dans la plupart des cas, il s’agit bien du parent, mais pas toujours.

• https://developer.mozilla.org/ko/docs/Web/CSS/Containing_block

"Dans la plupart des cas, le bloc conteneur d’un élément correspond à la zone de contenu de l’ancêtre de niveau bloc le plus proche, mais ce n’est pas toujours le cas"