Manchmal ist es nötig, dass ein Element die volle Höhe hat bzw. mindestens x% hat (zum Beispiel um eine Fußzeile unten auszurichten). Damit die Anweisung height: 100% bzw. min-height: 100% (oder andere Prozentwerte) greifen, muss das übergeordnete Element die Höhe von 100% bekommen. Warum? Prozentangaben sind relativ, das Element weiß nicht wovon es 100% werden soll.
<body style="height: 100%;">
<div style="min-height: 100%;">
...
</div>
</body>