Heim >Web-Frontend >CSS-Tutorial >Warum füllt mein 100 %-Höhen-Div seinen übergeordneten Container nicht?

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

Barbara StreisandOriginal: 2024-11-27 07:58:10318Durchsuche

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

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!

css html this

Stellungnahme：

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

Vorheriger Artikel：Wie kann ich die Scrollgeschwindigkeit einer Website mithilfe von CSS und JavaScript steuern?Nächster Artikel：Wie kann ich die Scrollgeschwindigkeit einer Website mithilfe von CSS und JavaScript steuern?

In Verbindung stehende Artikel

Mehr sehen