Pourquoi ma division à 100 % de hauteur ne remplit-elle pas son conteneur parent ?-tutoriel CSS-php.cn

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

Barbara Streisand

Libérer： 2024-11-27 07:58:10

original

347 Les gens l'ont consulté

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

Copier après la connexion

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!

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 identifier et supprimer les images et CSS inutilisés de mon site Web ?

Déclaration de ce site Web

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

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2835

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2958

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

2477

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...