2013-11-03 35 views
15

Nella mia pagina ho una barra di navigazione a sinistra che è al 100% in altezza e al 25% in larghezza. Sta funzionando bene, ma quando c'è lo scroll disponibile, distrugge lo sfondo e lo rende brutto. La ragione per cui penso è che l'altezza del 100% viene applicata solo alla finestra attiva. Qual è il trucco per avere un div al 100% di altezza sempre, anche se l'utente sta scorrendo?Div 100% altezza scroll

Css della navigazione:

width:25%; 
    height:100%; 
    float:left; 
    color:#999999; 

ho provato position: absolute senza risultati, anche provato chiaro entrambi. Hai bisogno di aiuto :)

Fiddle

risposta

25

Utilizzando min-height: 100% invece di height: 100% dovrebbe risolvere il problema. Vedi fiddle aggiornato qui: http://jsfiddle.net/zitrusfrisch/Sa6cb/3/

+0

Stavo solo cercando la stessa identica cosa, e la tua risposta ha funzionato, GRAZIE! :) –

+8

Perché funziona? – 0xcaff

+0

Sembra funzionare, ma quando lo faccio, perdo lo scorrimento sul sidenav, che era qualcosa che avrei voluto conservare. Qualcuno ha qualche idea su questo? –