Margem e preenchimento usando em

Quando o 1em é aplicado a um elemento, ele assume o valor padrão do navegador (geralmente 16 px) ou o valor do tamanho da fonte do pai, certo ?. Mas notei que se eu usar algo comomargin-top: 1em em umh1 (sem usar uma folha de estilo de redefinição e, portanto, h1 é definido comofont-size: 32px), então 1em é igual a32px, mesmo que seu elemento pai esteja definido comofont-size: 16px.

No entanto, usando algo como tamanho da fonte: 100%; resolve a discrepância.

O que estou perdendo

questionAnswers(4)

yourAnswerToTheQuestion