¿Cómo elimino el estilo de altura de un DIV usando jQuery?

De forma predeterminada, la altura de un DIV está determinada por su contenido.

Pero, anulo eso y establezco explícitamente una altura con jQuery:

$('div#someDiv').height(someNumberOfPixels);

¿Cómo puedo revertir eso? ¿Quiero eliminar el estilo de altura y hacer que vuelva a su altura automática / natural?

para quitar la altura:

$('div#someDiv').css('height', '');
$('div#someDiv').css('height', null);

como señaló John, establezca la altura en auto:

$('div#someDiv').css('height', 'auto');

(comprobado con jQuery 1.4)

$('div#someDiv').height('auto');

Me gusta usar esto, porque es simétrico con cómo usaste explícitamente .height (val) para configurarlo en primer lugar, y funciona en todos los navegadores.

tal vez algo como

$('div#someDiv').css("height", "auto");

puedes probar esto:

$('div#someDiv').height('');

Para restablecer la altura del div, intente

$("#someDiv").height('auto');

$('div#someDiv').css('height', '');

solo para agregar a las respuestas aquí, estaba usando la altura como una función con dos opciones, ya sea especificar la altura si es menor que la altura de la ventana, o volver a configurarla en automático

var windowHeight = $(window).height();
$('div#someDiv').height(function(){
    if ($(this).height() < windowHeight)
        return windowHeight;
    return 'auto';
});

Necesitaba centrar el contenido verticalmente si era más pequeño que la altura de la ventana o dejar que se desplazara naturalmente, así que esto es lo que se me ocurrió.

Gracias a todos por mostrar todos esos ejemplos. Estaba aún teniendo problemas con mi página de contacto en las pequeñas pantallas de los medios de comunicación, como a continuación 480px después de probar sus ejemplos. Bootstrap siguió insertando height: auto.

Element Inspector / Devtools mostrará la altura en:

element.style {

}

En mi caso estaba viendo: section#contact.contact-container | 303 x 743en la ventana del navegador.

Entonces, el siguiente trabajo completo para eliminar el problema:

$('section#contact.contact-container').height('');

$('div#someDiv').removeAttr("height");