¿Qué significa 100% en CSS?

"Depende de la situación"

"¿100% de qué?"

• Descúbrelo con ejemplos interactivos

→ Width & Height

→ Top & Left

→ Margins

→ Padding

→ Transform: translate

• Excepto translate, es un porcentaje del elemento padre

[superwoou]

Antes esto me confundía muchísimo, pero desde que aparecieron vw y vh, se volvió más llevadero... jaja

[xguru]

En el texto se habla de un objeto padre, pero en realidad dicen que lo correcto es hablar de un bloque contenedor.

La mayoría de las veces padre es correcto, pero hay casos en los que no.

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

"En la mayoría de los casos, el bloque contenedor de un elemento es el área de contenido del ancestro de nivel de bloque más cercano, pero no siempre es así"