2012-12-31 2 views
3

나는 div의 높이를 콘텐츠의 양에 따라 달라야하는 그런 상황에 있는데 min-height을 지정할 수 없습니다. 나는 우리가에 의해 DIV의 높이를 계산할 수 있습니다 알고jQuery에서 div의 높이를 계산하는 방법은 무엇입니까?

 
$("#divid").height(); 

그래서 우리가 높이 매개 변수없이 사업부의 높이를 계산하고 그 사업부에 높이를 줄 수있는 방법이 콘텐츠의 양에이 달려있다.

나는 그것을 분명히 설명하기를 희망한다.

감사

+1

"높이 매개 변수가 없다"는 것은 무엇을 의미합니까? – Joseph

+0

그 뜻은

입니다. 이 높이 매개 변수가없는 경우이 div 높이를 어떻게 계산할 수 있습니까? –

+1

@RavinderSingh 그냥'.height()'를 사용하면 작동합니다. 그것은 특성없이 벌금을 계산합니다. 또한 div는 콘텐츠를 자동으로 세로로 맞추기 때문에 어떤 행동을하는 것이 문제를 해결할 수 있습니까? – loganfsmyth

답변

1

정확히 말했듯이 .height()으로 실제 높이를 사용할 필요는 없습니다. 여기에 요소에 높이 설정 (CSS 또는 기타 방법을 사용하지 않음)이없는 경우에도 작동중인 모습을 보여주는 jsfiddle이 있습니다. http://jsfiddle.net/nWb5j/

6

귀하의 표현은 조금 혼란,하지만 난 당신이 사업부가 적용되는 다른 높이가 있더라도 사업부 내부의 콘텐츠의 크기를 계산하는 방법을 요구하고있다 생각합니다. 이를 위해 요소의 scrollHeight을 사용할 수 있습니다.

$('#divid')[0].scrollHeight 

당신은 그냥 높이에 대한 속성/스타일이 없어도 요소의 높이를 계산하는 방법을 알고 싶다면

, 당신은 당신이 질문에 기록 된 것을 사용 만 할 수 있습니다. .height()은 브라우저의 렌더링 된 값에서 직접 요소의 높이를 계산합니다.

+0

+1, 박자 나에 의하여 3 초 =) – jeremy

+0

@Nile : D 이렇게 가까운. – loganfsmyth

0

jQuery calculates the height, using .height()

$("#parent").height($("#child").outerHeight(true)); 
//-----------------------------^^^^^^^^^^^--^^^^-----outerHeight(true) will give 
//---------------------------------------------------you the total height 
//---------------------------------------------------including top bottom margins 

대한 추가 정보를 원하시면 .outerHeight :

1

당신은 그 일을 두 가지 방법이 http://api.jquery.com/outerHeight/

을하고 HTML 인 경우 :

<div style="height:450px;"></div> 

다음 얻기 위해 이것을 사용할 수 있습니다 높이 :

$("#parent").css('height'); // this will give you the 450px 
관련 문제