IP Girl
  1. IP Girl
  3. Hauteur Css en pourcentage ne fonctionne pas
Intereting Posts
Qu’est-ce que std :: decay et quand l’utiliser? Quelle est la meilleure façon d’ouvrir et de lire un fichier dans Perl? Les memory leaks sont-elles correctes? Erreur de fusion manifeste a échoué Pourquoi exactement MEF n’est-il pas un conteneur DI / IoC? Rotation statique des icons de font-awesome Erreur de paquet invalide – «nécessite un storyboard de lancement» Conversion de structures de données Clojure en collections Java Le package EntityFramework n’est pas installé sur le projet Comment vérifier si un type est un sous-type OU le type d’un object? c # dictionnaire une clé de nombreuses valeurs Comment puis-je voir ce que je vais pousser avec git? Comment modifier la couleur du texte de la barre d’état dans iOS jQuery `.is (“: visible “)` ne fonctionne pas dans Chrome Comment puis-je vérifier si un fichier existe en utilisant Emacs Lisp?

Hauteur Css en pourcentage ne fonctionne pas

J’ai le code simple suivant: 

   Live Feed   body { margin: 0px; padding: 0px; }    
 I should be tall

Mais le div ne s’affiche pas avec une hauteur de 100%. Pourquoi?

Vous devez définir une hauteur de 100% sur tous vos éléments parents, dans ce cas votre corps et votre code HTML. Ce violon montre qu’il fonctionne. 

 html, body { height: 100%; width: 100%; margin: 0; } div { height: 100%; width: 100%; background: #F52887; }

Faites-en 100% de la hauteur de la fenêtre: 

 div { height: 100vh; }

Fonctionne dans tous les navigateurs modernes et IE> = 9, voir ici pour plus d’informations .

height: 100% fonctionne si vous donnez une taille fixe à l’élément parent.

Vous pouvez y parvenir en utilisant le positionnement.

Essayer 

 position: absolute;

pour obtenir la hauteur de 100%.

Vous devez définir une hauteur de 100% sur l’élément parent.

Ajouter la hauteur: 100% au corps 

 body{height:100%}

le parent racine doit être en pixels si vous voulez travailler librement avec des pourcentages,

C’est ce dont vous avez besoin dans le css: 

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