Como faço para remover o estilo de altura de um DIV usando jQuery?

Por padrão, a altura de um DIV é determinada por seu conteúdo.

Mas, eu substituo isso e defino explicitamente uma altura com jQuery:

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

Como posso reverter isso? Quero remover o estilo de altura e fazer com que volte para a altura automática / natural?

para remover a altura:

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

como John apontou, defina a altura para auto:

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

(verificado com jQuery 1.4)

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

Gosto de usar isso, porque é simétrico com a forma como você usou explicitamente .height (val) para defini-lo em primeiro lugar e funciona em vários navegadores.

você pode tentar isto:

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

talvez algo como

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

Para redefinir a altura do div, tente

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

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

apenas para adicionar as respostas aqui, eu estava usando a altura como uma função com duas opções: especificar a altura se for menor que a altura da janela ou definir novamente para automático

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

Eu precisava centralizar o conteúdo verticalmente se fosse menor que a altura da janela ou então deixá-lo rolar naturalmente, então foi isso que eu fiz

Obrigado pessoal por mostrar todos esses exemplos. Eu ainda estava tendo problemas com minha página de contato em pequenas telas de mídia como abaixo de 480px depois de tentar seus exemplos. Bootstrap continuou inserindo height: auto.

O inspetor de elementos / Devtools mostrará a altura em:

element.style {

}

No meu caso eu estava vendo: section#contact.contact-container | 303 x 743na janela do navegador.

Portanto, o seguinte trabalho completo para eliminar o problema:

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

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