Elemento XHTML HTML con il 100% causando altezza barre di scorrimento

Question

Nel mio file CSS io uso questo:

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

Il che provoca una barra di scorrimento verticale a comparire su IE8, Chrome 5 e Mozilla 3.6, tutta la versione più recente.

Inoltre, il documento è vuoto, si ha solo il codice html, testa e corpo tag in modo da niente sta andando fuori dello schermo per causare questo.

trabocco Ambito: hidden; sull'elemento HTML completamente interrompere lo scorrimento della pagina.

Come faccio a farlo andare via favore, ma anche continuare a scorrere quando il contenuto è superiore altezza di visualizzazione?

Grazie.

Answer 1

Ho bisogno di 100 Altezza% in un documento XHTML in modo che io possa avere div elementi con il 100%.

In ogni caso, ho trovato la risposta:

Questo problema si verifica solo quando l'elemento più superiore ha un margine superiore. Sembra che quel margine superiore viene aggiunto alla quota 100% rendendola più alta e provocando la barra di scorrimento.

Quindi, o l'uso padding-top allo spazio il più elemento superiore o utilizzare una senza margine superiore tra il tag e l'altro elemento con un margine superiore.

Answer 2

overflow: hidden dovrebbe aiutare e prevenire la visualizzazione delle barre di scorrimento (è probabile che perdere ~ 1px di contenuti a causa di errori di arrotondamento

Answer 3

Ci possono essere modi migliori, ma ho semplicemente di default al 98% che sembra barre di scorrimento ovviare a tutti i browser.

Si può anche impostare l'altezza usando JavaScript ma che si sente un po 'hacky

Answer 4

mi sono imbattuto in questo problema oggi e ha trovato la barra di scorrimento non è stato causato da un margine superiore al primo elemento, ma avendo entrambi gli elementi HTML e corpo hanno un'altezza di 100%.

Quindi, usando questa regola CSS:

html,body { height: 100%; }

ottengo barre di scorrimento. Se cambio che a questa regola CSS:

html { height: 100%; }

I ottenere barre di scorrimento.

Pace ...

Answer 5

La barra di scorrimento verticale è in arrivo a causa di height:100%. Non è necessario che a meno che ci sia una ragione per l'utilizzo di questo.

Answer 6

Perché si sta impostando il 100% altezza in corpo?

Si otterrà questa altezza di default.

E 'opportuno altezza impostata nel corpo solo se si desidera impostare un'altezza numerica in px, come diciamo 600px