body {position: relative;} ... dann knallt's woanders ;-)

[Gunnar Bittersmann]

@@Rolf B

Linuchs hat body { margin: 0.5em; } in seinem Stylesheet stehen. Ich habe unterstellt, dass ein alter Fux wie Linuchs den Zusammenhang zwischen Subtrahend und Margin erkennt, aber natürlich sieht das niemand, der die Seite nicht anschaut.

Und auch nicht unbedingt jemand, der sich das Stylesheet anschaut. Das ist schlechter Code.

Entweder

body {
  --margin: 0.5em;
  margin: var(--margin);
  min-height: calc(100vh - 2 * var(--margin));
}

oder mit Präprozessor

body {
  $margin: 0.5em;
  margin: $margin;
  min-height: calc(100vh - #{2 * $margin});
}

oder wenigstens in einem Kommentar vermerken, wo das 1em herkommt, welche Stellen also voneinander abhängen und bei Änderungen gemeinsam berücksichtigt werden müssen.

😷 LLAP