Wie strecke ich ein DIV bis zum Ende der Seite aus, auch wenn es leer ist?

Ausdehnen eines DIV-Blocks bis zum Seitenende, unabhängig vom Inhalt

Sie versuchen sicherzustellen, dass sich ein Inhalts-Div bis zum Seitenende erstreckt unten auf der Seite. Derzeit wird es jedoch nur dann ausgeweitet, wenn tatsächlich Inhalte angezeigt werden sollen. Dies ist entscheidend, wenn Sie möchten, dass der vertikale Rand auch dann sichtbar bleibt, wenn kein Inhalt vorhanden ist.

Problem:

Das Problem liegt nicht in der Höhe des Div, sondern mit seinem Behälter. Der übergeordnete Container hat nicht 100 % Höhe, was dazu führt, dass das Inhalts-Div diese Höhe erbt.

Lösung:

Um dieses Problem zu beheben, fügen Sie das folgende CSS hinzu:

html,body { height:100%; }

Zusätzliche Anpassungen:

Möglicherweise müssen Sie Anpassungen vornehmen Polsterung und Ränder, um das gewünschte Aussehen zu erzielen.

Browserkompatibilität:

Wenn dies in allen Browsern funktionieren soll, sind möglicherweise zusätzliche Änderungen erforderlich.

Empfohlene Ressourcen:

• [HTML-Text testen Körpergröße](http://www.brunildo.org/test/html_body_0.html)
• [HTML und Körpergröße](http://www.brunildo.org/test/html_body_11b.html)
• [QuirksMode](http://quirksmode.org/) für weitere Informationen zur Browserkompatibilität

Das obige ist der detaillierte Inhalt vonWie strecke ich ein DIV bis zum Ende der Seite aus, auch wenn es leer ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!