Warum füllt mein 100 %-Höhen-Div seinen übergeordneten Container nicht?-CSS-Tutorial-php.cn

Warum füllt mein 100 %-Höhen-Div seinen übergeordneten Container nicht?

Barbara Streisand

Freigeben： 2024-11-27 07:58:10

Original

298 Leute haben es durchsucht

Why Doesn't My 100% Height Div Fill Its Parent Container?

CSS-Höhenprozentsatz funktioniert nicht

Problem:

In einem einfachen HTML/CSS-Codeausschnitt ist der

Lösung:

Um sicherzustellen, dass das

Wenn das Element 100 % der Höhe seines übergeordneten Elements ausfüllt, muss die Höhe aller übergeordneten Elemente auf 100 % festgelegt werden. In diesem Fall ist der und Elemente müssen ihre Höhen entsprechend eingestellt haben.

html, body { height: 100%; width: 100%; margin: 0; }

Nach dem Login kopieren

Indem die Höhen aller übergeordneten Elemente auf 100 % gesetzt werden, wird das

Das Element kann die Höhe seines übergeordneten Elements erben und daher mit der beabsichtigten Höhe von 100 % rendern.

Das obige ist der detaillierte Inhalt vonWarum füllt mein 100 %-Höhen-Div seinen übergeordneten Container nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：php.cn

Vorheriger Artikel：Wie kann ich die Scrollgeschwindigkeit einer Website mithilfe von CSS und JavaScript steuern? Nächster Artikel：Wie kann ich nicht verwendete Bilder und CSS von meiner Website identifizieren und entfernen?

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

2171

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

2322

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

1957

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