Esta pregunta ya tiene una respuesta aquí:

He estado luchando para entender este escenario

He puesto, en CSS

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

Para que cuando no hay contenido en la página, el html y el cuerpo tomen el 100% de la altura de la página. Y si hay contenido en el cuerpo, estos deben cambiar su altura de acuerdo con la altura del contenido.

Pero cuando agrego algo de contenido en la página (lo suficiente para mostrar la barra de desplazamiento), html y body no están tomando el 100% de altura del documento. es decir, si la altura de mi pantalla es 700px, en cualquier caso$('body').height() devolvería 700px;

¿Porqué es eso?

EDITAR: En otras palabras, quiero que mi etiqueta de cuerpo tenga al menos el 100% de la pantalla, pero debería crecer si se agrega contenido.