¿Qué significa 100% en CSS?

Cuando se usan valores porcentuales en CSS como este…

.element {  margin-top: 40%;}

…¿qué significa aquí ese valor %? ¿De qué es un porcentaje? Ha habido muchas ocasiones en las que uso porcentajes y sucede algo extraño. Normalmente me encojo de hombros, cambio el valor por otro y sigo con mi día.

¡Pero Amelia Wattenberger dice que no! en esta extraordinaria inmersión en profundidad sobre cómo funcionan los porcentajes en CSS y todas las cosas peculiares que necesitamos saber sobre ellos. Y como es habitual en el curso a estas alturas, cualquier publicación de Amelia tiene un montón de demostraciones maravillosas que describen perfectamente cómo funciona el CSS en cualquier ejemplo determinado. Y esta publicación no es diferente.

Enlace directo →