Regolazione altezza 100% su un elemento posizionato in modo assoluto quando il contenuto si espande oltre la dimensione della finestra

Question

Così, dopo aver letto Stack Overflow e il web, ho capito che ci sono due trucchi principali al raggiungimento di altezza 100%:

1. Set altezza: 100% sia sul HTML e BODY
2. Impostare il vostro elemento di avere uno:
   • altezza: 100%, o
   • top: 0, in basso: 0, position: absolute

Tuttavia, anche con questi trucchi ho difficoltà a impostare l'altezza di un DIV con posizione assoluta su un vero 100%. Posso ottenere il 100% delle dimensioni della finestra, ma se l'utente scorre verso il basso diventa evidente che il div non ha veramente il 100% di altezza.

Ho fatto un semplice JS Fiddle della situazione qui: http://jsfiddle.net/9FEne/

La mia domanda è: qualcuno sa ulteriori trucchi per ottenere un vero e proprio (. Es content-altezza, non viewport-altezza) 100 % altezza posizionata in modo assoluto div?

Answer 1

dispiace, ho perso la vera domanda prima e ho pensato che si voleva la finestra riempita. Se il problema è che il contenuto è più lungo della finestra, allora quello che ti serve è aggiungere position:relative al corpo. http://jsfiddle.net/9FEne/7/

Quello che succede è che quando posizioni in modo assoluto posizioni (e dimensioni) rispetto all'elemento posizionato più vicino. Se non si dice di posizionarsi sul corpo, si posizionerà sulla finestra.

Answer 2

È possibile utilizzare jQuery per realizzare questo trucco

var h = $(window).height(); 
$('#yourdiv').height(h); 

Answer 3

userei javascript per assegnare l'altezza e la larghezza pari all'altezza del documento e la larghezza della finestra, rispettivamente; Ho modificato il tuo jsfiddle per dimostrare qui:

http://jsfiddle.net/9FEne/1/