Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

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 Streisand

Freigeben： 2024-12-27 19:59:15

Original

162 Leute haben es durchsucht

How Can I Set a Div's Height to 100% While Maintaining a DOCTYPE?

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%; }

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!

Quelle：php.cn

Vorheriger Artikel：Wie kann ich mithilfe von CSS ein responsives Quadratgitter mit zentriertem Inhalt erstellen? Nächster Artikel：Wie kann ich Inline-Elementen in HTML eine bestimmte Breite geben?

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Aktuelle Ausgaben

function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...

Aus 2024-04-29 11:01:01

2312

So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?

Aus 2024-04-23 00:22:19

2448

Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.

Aus 2024-04-19 15:37:47

2063

Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...