Ustawianie wysokości 100% na absolutnie elementu pozycjonowanego gdy zawartość rozszerza obok rozmiaru okna

Question

Więc po przeczytaniu przepełnienie stosu i w internecie, I zostały zebrane, że istnieją dwa główne sztuczki do osiągnięcia 100% wysokość:

wysokość
1. Set: 100% zarówno w HTML i ciało
2. Ustaw element, aby mieć albo:
   • height: 100% lub
   • top: 0, dolny: 0 position: absolute

Jednak nawet przy tych trikach mam trudności z ustawieniem wysokości absolutnie pozycjonowanego DIV na prawdziwe 100%. Mogę uzyskać 100% rozmiaru widocznego obszaru, ale jeśli użytkownik przewinie w dół, staje się oczywiste, że div naprawdę nie ma 100% wysokości.

Zrobiłem prosty JS Fiddle sytuacji tutaj: http://jsfiddle.net/9FEne/

Moje pytanie brzmi: czy ktoś wie żadnych dodatkowych sztuczek, aby uzyskać prawdziwe (tzn. Content-wysokość, nie rzutni-height) 100 % wysokości bezwzględnie ustawione div?

Answer 1

Niestety, brakowało mi prawdziwe pytanie przed i że chcesz okno wypełnione. Jeśli problem polega na tym, że zawartość jest dłuższa niż okno, musisz dodać do ciała position:relative. http://jsfiddle.net/9FEne/7/

To, co się dzieje, to to, że kiedy całkowicie pozycjonujesz coś, pozycjonuje (i rozmiary) względem najbliższego pozycjonowanego elementu. Jeśli nie powiesz mu, aby umieścić ciało, wtedy ustawi się w oknie.

Answer 2

Można użyć jQuery aby osiągnąć ten trick

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

Answer 3

użyłbym JavaScript przypisać wysokość i szerokość równą wysokości i szerokości dokumentu okna odpowiednio; Mam zmodyfikowany jsfiddle aby wykazać tutaj:

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