jQuery를 사용하여 DIV에서 높이 스타일을 제거하려면 어떻게 해야 합니까?

jQuery를 사용하여 DIV에서 높이 스타일을 제거하려면 어떻게 해야 합니까?

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

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

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

어떻게 되돌릴 수 있죠?높이 스타일을 제거하고 자동/자연 높이로 되돌리려고 합니다.

높이를 제거하려면:

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

존이 지적했듯이, 높이를 다음으로 설정합니다.auto:

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

(jQuery 1.4에서 확인)

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

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

다음을 시도할 수 있습니다.

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

아마도 비슷한 것

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

디브의 높이를 재설정하려면 다음과 같이 하십시오.

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

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

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

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

창 높이보다 작은 경우 컨텐츠의 중앙을 수직으로 맞추거나 자연스럽게 스크롤되도록 해야 했기 때문에 이렇게 생각했습니다.

여러분들이 보여주셔서 감사합니다.저는 당신의 예를 들어본 후에도 480px 이하의 작은 미디어 화면에서 제 연락처 페이지에 문제가 있었습니다.부트스트랩이 계속 삽입됨height: auto.

요소 검사기/개발 도구에 높이가 표시됩니다.

element.style {

}

제 경우, 저는 다음을 보았습니다.section#contact.contact-container | 303 x 743브라우저 창에 표시됩니다.

따라서 다음과 같은 전체 작업을 통해 문제를 해결할 수 있습니다.

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

개인적으로 사용합니다.unset

$('some-element').css('height', 'unset');

이 문서를 참조할 수 있습니다.

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

언급URL : https://stackoverflow.com/questions/804161/how-do-i-remove-the-height-style-from-a-div-using-jquery