recherche

Maison >interface Web >tutoriel CSS >Pourquoi ma division à 100 % de hauteur ne remplit-elle pas son conteneur parent ?

Pourquoi ma division à 100 % de hauteur ne remplit-elle pas son conteneur parent ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-27 07:58:10318parcourir

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

Pourcentage de hauteur CSS ne fonctionnant pas

Problème :

Dans un simple extrait de code HTML/CSS, le

Résolution :

Pour garantir que le

Si l'élément parent remplit 100 % de la hauteur de son parent, il est nécessaire de définir la hauteur de tous les éléments parents à 100 %. Dans ce cas, le champ et les éléments doivent avoir leur hauteur définie en conséquence.

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

En définissant la hauteur de tous les éléments parents à 100 %, le paramètre

L'élément est capable d'hériter de la hauteur de son parent et, par conséquent, d'être restitué avec la hauteur prévue de 100 %.

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!

css html this
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment puis-je contrôler la vitesse de défilement d’un site Web à l’aide de CSS et JavaScript ?Article suivant：Comment puis-je contrôler la vitesse de défilement d’un site Web à l’aide de CSS et JavaScript ?

Articles Liés

Voir plus