Pourquoi ma division de hauteur à 100 % ne s'affiche-t-elle pas ?-tutoriel CSS-php.cn

Pourquoi ma division de hauteur à 100 % ne s'affiche-t-elle pas ?

Barbara Streisand

Libérer： 2024-11-28 03:29:17

original

390 Les gens l'ont consulté

Why Doesn't My 100% Height Div Show Up?

La hauteur CSS en pourcentage provoque un problème d'affichage

Dans cet extrait de code, un

L'élément est rendu avec une couleur d'arrière-plan et une hauteur de 100 %. Cependant, l'élément n'est pas visible sur la page. Une raison courante de ce problème est que la hauteur en pourcentage CSS ne fonctionne pas correctement si la hauteur n'est pas définie pour les éléments parents.

Pour résoudre ce problème, la propriété height doit être attribuée à tous les éléments parents, en garantissant qu'ils ont une hauteur définie. Cela implique de fixer la hauteur des éléments html et body à 100%. Ce faisant, le

L'élément sera correctement affiché, s'étendant sur toute la hauteur de ses éléments parents.

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!

source：php.cn

Article précédent：Comment puis-je convertir et restituer des polices Web en Base64 tout en conservant leur apparence d'origine ? Article suivant：Comment obtenir la taille de police calculée d'un élément DOM en JavaScript ?

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

2055

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

2211

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

1865

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...