Pourquoi ma hauteur DIV ne fonctionne-t-elle pas avec des pourcentages ?

Les pourcentages ne fonctionnent pas pour la hauteur DIV ? Vérifiez vos éléments parents !

Dans l'extrait de code fourni, la hauteur de l'élément DIV est définie sur 100 %, mais elle reste non affichée. La raison réside dans l'absence de hauteur de 100 % sur les éléments parents, body et html.

Lors de l'utilisation de pourcentages pour la hauteur, il est crucial de s'assurer que la hauteur de tous les éléments parents est également définie sur 100 %. Cela permet au DIV d'hériter de toute la hauteur de son conteneur.

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

La hauteur des éléments parents étant définie à 100 %, l'élément DIV se développe désormais correctement pour remplir la hauteur de son conteneur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!