To pytanie ma już tutaj odpowiedź:

Starałem się zrozumieć ten scenariusz

Ustawiłem w CSS

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

Aby na stronie nie było zawartości, HTML i treść zajmują 100% wysokości strony. A jeśli w ciele jest zawartość, powinny one zmienić wysokość w zależności od wysokości zawartości.

Ale kiedy dodam trochę treści na stronie (wystarczającej do wyświetlenia paska przewijania), HTML i treść nie zajmują 100% wysokości dokumentu. tj. jeśli moja wysokość ekranu wynosi 700px, w każdym przypadku$('body').height() zwróci 700px;

Dlaczego?

EDYCJA: Innymi słowy, chcę, aby mój tag ciała był co najmniej 100% ekranu, ale powinien rosnąć, jeśli zawartość zostanie dodana.