How do I remove the height style from a DIV using jQuery?

Question

By default, a DIV\'s height is determined by its contents.

But, I override that and explicitly set a height with jQuery:

$(\'div#someDiv\').height(so         


        

Answer 1

maybe something like

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

Answer 2

just to add to the answers here, I was using the height as a function with two options either specify the height if it is less than the window height, or set it back to auto

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

I needed to center the content vertically if it was smaller than the window height or else let it scroll naturally so this is what I came up with

Answer 3

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