Esta questão já tem uma resposta aqui:

Eu tenho lutado para entender esse cenário

Eu defini, em CSS

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

Para que quando não houver conteúdo na página, o html e o corpo ocupem 100% da altura da página. E se houver conteúdo no corpo, estes devem mudar sua altura de acordo com a altura do conteúdo.

Mas quando eu adiciono algum conteúdo na página (o suficiente para exibir a barra de rolagem), html e body não estão tirando 100% da altura do documento. ou seja, se a altura da minha tela for 700px, em ambos os casos$('body').height() retornaria 700px;

Por que é que?

EDIT: Em outras palavras, eu quero o meu corpo Tag para ser pelo menos 100% da tela, mas deve crescer se o conteúdo for adicionado.