emを使用したマージンとパディング
1emを要素に適用すると、ブラウザのデフォルト値（通常は16px）またはその親のフォントサイズ値が使用されます。しかし、margin-top: 1em要素でh1のようなものを使用すると（リセットスタイルシートを使用しないため、h1はfont-size: 32pxに設定されます）、親要素が32pxに設定されていても、1emはfont-size: 16pxに等しくなります。
ただし、font-size：100％のようなものを使用します。不一致を解決します。
何が足りないのですか？
1emを要素に適用すると、ブラウザのデフォルト値（通常は16px）またはその親のフォントサイズ値が使用されます。
いいえ、必要です独自のfont-size、計算その親に基づいて（またはデフォルトのブラウザ提供値）。 font-sizeのブラウザ提供のh1は32ピクセルであるため、結果のマージンは32ピクセルになります。
ただし、font-size：100％のようなものを使用します。不一致を解決します。
要素にfont-size: 100%;またはfont-size: 1em;を設定すると、親のフォントサイズの100％を使用するように指示されるため、他の要素の長さとして1emを設定するとそれに続きます。 100％。
1emは問題の要素のフォントサイズと同じです。したがって、マージンを付けて使用する場合は、マージンを適用する要素のフォントサイズにも相当します。