Padding, margin в Em

Относительно размера шрифта заголовка, размер шрифта родителя не влияет. В примере одинаковые отступы и внутренние поля в em, но разные в пикселях из-за размера шрифта.

.block { 
  border: 1px solid; 
  font-size: 20px; 
  margin: 2em; 
  padding: 1em; 
} 
 
.block--big { 
  font-size: 25px; 
} 
 
.block--small { 
  font-size: 15px; 
} 
 
.container { 
  font-size: 40px; 
}

<div class="container"> 
  <div class="block">text</div> 
  <hr> 
  <div class="block block--small">text</div> 
  <hr> 
  <div class="block block--big">text</div> 
</div>

Относительно размера шрифта родительского элемента.

.parent {
    font-size: 16px;
}
.child {
    margin: 2em; /* = 32px */
}

Если есть необходимость считать от постоянного размера шрифта корневого элемента, а не от родительского, то используйте rem.

html {
    font-size: 18px;
}
.any-element {
    margin: 2rem; /* = 36px */
}

Отличнейшим наглядным образом разница между ними двумя представлена здесь.