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

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

---

기본적으로 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').css("height", "auto");

---

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

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

---

div의 높이를 재설정하려면

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

---

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

---

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

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

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

---

이 모든 예를 보여 주신 분들께 감사드립니다. 나는 한 여전히 당신의 예를 시도한 후 480 픽셀 아래 같은 작은 미디어 화면에서 내 연락처 페이지에 문제가 있습니다. 부트 스트랩은 height: auto.

Element Inspector / Devtools는 다음에서 높이를 표시합니다.

element.style {

}

제 경우 section#contact.contact-container | 303 x 743에는 브라우저 창에서 보았습니다 .

따라서 다음 전체 길이는 문제를 해결하기 위해 작동합니다.

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

---

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

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