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