Warum funktioniert meine DIV-Größe nicht mit Prozentangaben?

Prozentsätze funktionieren nicht für DIV-Höhe? Überprüfen Sie Ihre übergeordneten Elemente!

Im bereitgestellten Code-Snippet ist die Höhe des DIV-Elements auf 100 % gesetzt, es wird jedoch nicht angezeigt. Der Grund liegt darin, dass die Höhe der übergeordneten Elemente, des Bodys und des HTML-Elements nicht auf 100 % eingestellt ist.

Bei der Verwendung von Prozentsätzen für die Höhe ist es wichtig sicherzustellen, dass die Höhe aller übergeordneten Elemente ebenfalls auf 100 % eingestellt ist. Dadurch kann das DIV die volle Höhe seines Containers erben.

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

Wenn die Höhe der übergeordneten Elemente auf 100 % eingestellt ist, wird das DIV-Element jetzt ordnungsgemäß erweitert, um die Höhe seines Containers auszufüllen.

Das obige ist der detaillierte Inhalt vonWarum funktioniert meine DIV-Größe nicht mit Prozentangaben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!