Heim >Web-Frontend >CSS-Tutorial >Wie kann ich ein Div auf 100 % Höhe erstellen, ohne den DOCTYPE zu entfernen?
Wie kann ich ein Div auf 100 % Höhe erstellen, ohne den DOCTYPE zu entfernen?
- DDDOriginal
- 2024-12-29 15:15:15959Durchsuche
CSS-Höheneigenschaft, Prozentwerte und DOCTYPE
Wie man ein Div dazu bringt, die Seite mit 100 % Höhe zu füllen, ohne es zu entfernen Die DOCTYPE?
Lösung:
Deklarieren Sie eine Höhe für das Stammelement:
html { height: 100%; }
Warum funktioniert das Entfernen des DOCTYPE? ?
Im Standardmodus wird eine prozentuale Höhe für ein untergeordnetes Element ohne definierte Höhe als automatisch behandelt. Im Quirks-Modus wird die prozentuale Höhe jedoch relativ zum Ansichtsfenster gemessen. Daher zwingt das Entfernen des DOCTYPE den Browser in den Quirks-Modus, sodass das Div die Seite mit einer Höhe von 100 % füllen kann.
Der Quirks-Modus ist jedoch unvorhersehbar und unzuverlässig. Fügen Sie immer einen DOCTYPE hinzu, um das Dokument im Standardmodus darzustellen, mit:
<!DOCTYPE html>
Das obige ist der detaillierte Inhalt vonWie kann ich ein Div auf 100 % Höhe erstellen, ohne den DOCTYPE zu entfernen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!