Warum wird mein 100 %-Höhenbereich nicht angezeigt?-CSS-Tutorial-php.cn

Warum wird mein 100 %-Höhenbereich nicht angezeigt?

Barbara Streisand

Freigeben： 2024-11-28 03:29:17

Original

385 Leute haben es durchsucht

Why Doesn't My 100% Height Div Show Up?

CSS-Höhe in Prozent verursacht Anzeigeprobleme

In diesem Codeausschnitt wird ein

Das Element wird mit einer Hintergrundfarbe und einer Höhe von 100 % gerendert. Das Element ist jedoch auf der Seite nicht sichtbar. Ein häufiger Grund für dieses Problem ist, dass die prozentuale CSS-Höhe nicht richtig funktioniert, wenn die Höhe nicht für die übergeordneten Elemente festgelegt ist.

Um dieses Problem zu beheben, muss die Höheneigenschaft allen übergeordneten Elementen zugewiesen werden dass sie eine definierte Höhe haben. Dies bedeutet, dass die Höhe der HTML- und Body-Elemente auf 100 % festgelegt wird. Dadurch wird das

Das Element wird korrekt angezeigt und reicht bis zur vollen Höhe seiner übergeordneten Elemente.

Das obige ist der detaillierte Inhalt vonWarum wird mein 100 %-Höhenbereich nicht angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle：php.cn

Vorheriger Artikel：Wie kann ich Webschriftarten in Base64 konvertieren und rendern und dabei ihr ursprüngliches Erscheinungsbild beibehalten? Nächster Artikel：Wie erhalte ich die berechnete Schriftgröße eines DOM-Elements in JavaScript?

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

2052

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

2206

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

1862

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