L'altezza minima non funziona con il corpo

Question

L'altezza minima non funziona su body/html?

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

compie assolutamente nulla (Firebug riporta il corpo, i tag HTML altezza non cambia affatto)

Answer 1

In primo luogo, dichiarare una doctype così siete in standard, se non l'hai già.

Ora il corpo può essere alto quanto l'HTML contenente, quindi è necessario impostare il tag HTML al 100% di altezza e il corpo al 100% di altezza minima. Questo funziona per me su Firefox.

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

Answer 2

Non tutti i browser come Min-Height, provare qualcosa come questo per catturare tutti i browser.

min-height:100%; 
    height:auto !important; 
    height:100%; 

Answer 3

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

è necessario aggiungere

Answer 4

Questo ha funzionato per Chrome 64 senza impostare un'altezza hard-coded:

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

body { 
    flex: 1; 
}