min-height non funziona con il corpo

Fa min-height non lavoro sul corpo/html?

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

Compie assolutamente nulla (firebug riporta il corpo,i tag html altezza non cambia nulla)

 

5 Replies
  1. 58

    In primo luogo, dichiarare un doctype quindi sei in standard, se non l’hai già.

    Ora, il corpo può essere alto come html che lo contiene, quindi è necessario impostare i tag HTML per il 100% di altezza, e il corpo per il min-height 100%. Questo funziona per me su Firefox.

    html {height:100%} 
    body {min-height:100%}
    • Impressionante che ha funzionato, un follow-up domanda: ora ho impostato organismo min-height: 100%. Ora ho un div all’interno del corpo, e voglio che anche min-height:100%;, l’ho fatto ma non funziona.
    • Io onestamente non sono sicuro circa il modo migliore per realizzare questo cross-browser in modo conforme.
    • l’aggiunta di min-altezza del corpo non funziona, anche con l’html min-height 100%
    • Hai letto male la mia risposta come a dire: hai solo bisogno di min-height. Nel mio esempio, ho detto html {height:100%} body {min-height:100%}. Che dovrebbe funzionare, e certamente per Rasoio che ha accettato.
    • questo funziona, ma poi ho aggiunto la barra di scorrimento verticale. Oltre l’altezza della finestra.
    • senza l’accesso al tuo css, non ho modo di sapere come. forse imbottitura extra?
    • Qui c’è il sito: wishd.me
    • Non c’è bisogno di guardare. E ‘ margin, padding o di confine. Guardare box-sizing: border-box

  2. 13

    Questo ha funzionato per chrome a 64 senza l’impostazione di un hard-coded altezza:

    html {
        min-height: 100%;
        display: flex;
    }
    
    body {
        flex: 1;
    }
    • Unica soluzione che ha funzionato per me su Chrome 67
  3. 9

    Non tutti i browser come min-height, provare qualcosa di simile per la cattura di tutti i browser.

      min-height:100%;
      height:auto !important;
      height:100%;
    • Questo è talmente vero, e la tua consulenza, era l’unica cosa che ha funzionato per me! grazie!

Lascia un commento