기본적으로 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';
});
콘텐츠가 창 높이보다 작 으면 콘텐츠를 세로로 중앙에 배치하거나 자연스럽게 스크롤되도록해야했습니다.