height, min-height

[Rolf B]

Hallo Gunnar,

was ich tatsächlich schon in meiner Antwort stehen hatte, aber wieder gestrichen habe. Bei min-height ist das nicht relevant. Dachte ich. Aber Du hast recht, wenn die Inhaltshöhe nicht 100% erreicht, möchte man keinen Scrollbar sehen.

Also entweder

body {
   margin: 0;
   padding: 8px;
   box-sizing: border-box;
   min-height: 100vh;
}

oder, wenn man legitimerweise auf IE<9 pfeift:

body {
   margin: 8px;   /* oft Browser-Default, aber sicher ist sicher */
   min-height: calc(100vh - 16px);
}

Jens, die Spaces um das Minuszeichen sind syntaxrelevant.

Rolf