min-height ne fonctionne pas avec le corps

Est-ce que min-height ne fonctionne pas sur body / html?

body, html { min-height:100%; } 

Ne réalise absolument rien (firebug signale le corps, la hauteur des balises html ne change pas du tout)

D’abord, déclarez un doctype afin que vous soyez dans les normes si vous ne l’avez pas déjà fait.

Maintenant, le corps ne peut être aussi haut que le HTML contenant, donc vous devez définir la balise HTML à 100% de hauteur et le corps à min-hauteur à 100%. Cela fonctionne pour moi sur Firefox.

 html {height:100%} body {min-height:100%} 

Cela a fonctionné pour le chrome 64 sans définir une hauteur codée en dur:

 html { min-height: 100%; display: flex; } body { flex: 1; } 

Pas tous les navigateurs comme min-height, essayez quelque chose comme ça pour attraper tous les navigateurs.

  min-height:100%; height:auto !important; height:100%; 
 html{ height:100%; } body{ min-height:100%; position:relative; } 

vous devez append