[jquery] jQuery를 사용하여 DIV에서 높이 스타일을 어떻게 제거합니까?

Program / 글쓴이

기본적으로 DIV의 높이는 내용에 따라 결정됩니다.

그러나 나는 그것을 무시하고 jQuery를 사용하여 명시 적으로 높이를 설정합니다.

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

어떻게 되돌릴 수 있습니까? 높이 스타일을 제거하고 자동 / 자연 높이로 되돌리고 싶습니까?

답변

높이를 제거하려면 :

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

John이 지적한 것처럼 높이를 auto다음 과 같이 설정합니다 .

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

(jQuery 1.4로 확인)

답변

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

처음에 .height (val)을 명시 적으로 사용하여 설정하고 브라우저에서 작동하는 방식과 대칭이기 때문에 이것을 사용하는 것을 좋아합니다.

답변

당신은 이것을 시도 할 수 있습니다 :

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

답변

어쩌면 뭔가

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

답변

div의 높이를 재설정하려면

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

답변

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

답변

여기에 대답을 추가하기 위해 높이를 두 가지 옵션으로 사용하여 창 높이보다 작은 경우 높이를 지정하거나 자동으로 다시 설정했습니다.

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

콘텐츠가 창 높이보다 작 으면 콘텐츠를 세로로 중앙에 배치하거나 자연스럽게 스크롤되도록해야했습니다.