Heim >Web-Frontend >CSS-Tutorial >Wie kann ich die Höhe eines Divs auf 100 % setzen und gleichzeitig einen DOCTYPE beibehalten?
Wie kann ich die Höhe eines Divs auf 100 % setzen und gleichzeitig einen DOCTYPE beibehalten?
- Barbara StreisandOriginal
- 2024-12-27 19:59:15208Durchsuche
CSS-Höheneigenschaft, Prozentwerte und DOCTYPE
Div-Höhe auf 100 % setzen
Um das Div mit 100 % Höhe zu füllen, ohne es zu entfernen DOCTYPE, deklarieren Sie eine Höhe für das Stammelement:
html { height: 100%; }
Quirks Mode und Prozentuale Höhen
Durch das Entfernen des DOCTYPE wechselt der Browser vom Standardmodus in den Mackenmodus. Im Quirks-Modus werden prozentuale Höhen untergeordneter Elemente relativ zum Ansichtsfenster gemessen, wenn das übergeordnete Element height: auto hat. Im Standardmodus werden sie als height: auto behandelt.
TL;DR
Immer einen DOCTYPE einschließen, um das Dokument im Standardmodus darzustellen. Verwenden Sie den folgenden DOCTYPE:
<!DOCTYPE html>
Das obige ist der detaillierte Inhalt vonWie kann ich die Höhe eines Divs auf 100 % setzen und gleichzeitig einen DOCTYPE beibehalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!