Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

margin e medida relativa com em

Olá.

Por favor, gostaria de formalizar o entendimento do uso da medida relativa "em" quando aplicada à margin.

Como informado na aula, no caso da margin, aplicar o "em" indica que o tamanho da margem será relativo ao tamanho da fonte utilizada. Isso é sempre verdade ou mais alguma coisa pode influenciar no tamanho da margem? Por exemplo, no caso de termos algo assim:

HTML:

<div class="pai">
    Texto pai
    <div class="filho">
        Texto filho
    </div>
</div>

CSS:

.pai{
    margin-top: 2em;
}

.filho{
    margin-top: 2em;
}

O margin-top do filho será somente 2x o tamanho da fonte, ou será 2x o tamanho do margin-top do pai (ou seja, o quádruplo do tamanho da fonte)?

Obrigado.

2 respostas
solução!

é referente apenas ao tamanho da font-size

.pai{
    margin-top: 2em;
}

.filho{
    font-size: 20px;
    margin-top: 2em;
}

teríamos o resultado de 40px apenas na class filho

Valeu, Pedro!