На этот вопрос уже есть ответ здесь:

Я изо всех сил пытался понять этот сценарий

Я установил, в CSS

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

Таким образом, когда на странице нет содержимого, html и body занимают 100% высоты страницы. И если в теле есть содержимое, они должны изменить свою высоту в соответствии с высотой содержимого.

Но когда я добавляю некоторое содержимое на страницу (достаточно для отображения полосы прокрутки), html и body не занимают 100% высоты документа. то есть, если моя высота экрана составляет 700 пикселей, в любом случае$('body').height() вернул бы 700px;

Это почему?

РЕДАКТИРОВАТЬ: Другими словами, я хочу, чтобы мой тег тела был не менее 100% экрана, но он должен расти, если контент добавляется.