자바 스크립트를 사용하여 div의 높이를 변경하십시오.

Question

div가 100px 이상인 경우 div에 높이를 설정하고 싶습니다.

예를 들어 div의 콘텐츠가 div의 높이를 100px 이상 채우는 경우 자동으로 200px에 맞춰주세요.

Answer 1

당신이 할 수있는 한 가지 방법은 요소 CSS에 "높이"속성이 없는지 확인하는 것입니다 (인라인 스타일링은 괜찮습니다). 그런 다음 내용이 변경되면 다음 함수를 호출하십시오.

if ($('#myDiv').height() > 100) { 
    // Div is larger than 100px so increase it to 200px 
    $('#myDiv').css('height', '200px'); 
} 

Answer 2

당신은 내가 min-height CSS 속성 당신이 찾고있는 무엇이라고 생각

if($("divID").height() > 100){ 
    $("divID").css("height","200px"); 
} 

Answer 3

시도 할 수 있습니다 :

div#myDiv { 
    min-height: 100px; 
    height: auto; 
    display: block; /* float won't work */ 
} 

이 가가 자동으로 포장하여 DIV 크기를 조정해야 그 전체 콘텐츠를 동적으로

Answer 4

CSS를 사용하여 최소 높이 및 최대 높이로 작업 할 수 있습니다.

div#myDiv { 
min-height: 100px; 
height: auto; 
max-height: 200px; 
} 

말했듯이 당신은 또한 자바 스크립트와 함께 뭔가를 할 수 있지만, 높이가 150 픽셀, 또는 120 픽셀 것을이 당신은 또한 가능성을 가질 수 있습니다. 당신이 그것을 원하지 않는다면, 당신은 자바 스크립트 방식으로 그것을해야합니다.