Ganz einfach, indem du height den Wert 100% gibst. Und bevor du anfängst zu meckern: Die 100% beziehen sich auf das Elternelement. Das erste Elternelement ist body. Wenn du einem Element, dem du eine Höhe zuweisen kannst, keine Höhe zuweist, wird diese automatisch festgelegt (je nach dem, wieviele Elemente sich innerhalb des zu streckenden Elementes befinden). Da dies in der Regel bei body nicht der Fall ist, wird sich dein div auch nur so weit ausdehnen, bis alle Elemente innerhalb des divs Platz haben. Erst wenn du body auch den height-Wert 100% gibst, wird sich dein div über die komplette Seite erstrecken.
In Kurzform: Den Effekt, den du mit "height: 100%;" erzielen willst, erreichst du nur, wenn das Elternelement auch eine Höhenangabe hat!
Kommentar