텍스트 영역 높이를 컨테이너 div의 높이로 확장합니다. (크기 변경시)

Question

이 두 텍스트 영역이 서로 옆에 떠있는 상태가 항상 같은 높이가되도록하는 방법이 있습니까? 크기가 조정될 때 확장되는 컨테이너의 높이입니다. 컨테이너 div에 넣고 높이를 100 %로 설정해 보았습니다. jquery 함수를 만들어 크기를 조정 해 보았습니다 (피들에서 주석 처리 된 것을 볼 수 있습니다).

http://jsbin.com/IkESUli/6/edit

어떻게 항상 크기 조정 후 동일한 높이로 만들 수 있습니까?

textarea{ 
    min-height:150px; 
    float:left; 
    display:inline-block; 
    overflow:auto; 
} 
#t2{ 
    width:30px; 
    overflow:hidden; 
    text-align: right; 
    white-space:nowrap; 
} 

div.container{ 
    min-height:150px; 
    border:1px solid black; 
    display:inline-block; 
} 

Answer 1

이 의지가 작동합니다 : 당신은 "실시간"효과 mousemove 대신 mouseup을 사용할 수

$(".t").mouseup(function(){ 
    $(".t").not($(this)).css("height", parseInt($(this).css("height"),10)); 
}); 

.

Answer 2

텍스트 영역의 높이를 100 %로 설정하고 컨테이너의 높이를 150px로 설정해보십시오. textarea가 100 %이면 부모 div의 높이에 자동으로 맞을 것이므로 이것이 도움이되기를 바랍니다.

textarea {  
    height: 100%; 
    width: 100%; 
    display: block; 
} 

div.container { 높이 150 픽셀; 최소 높이 : 150px; 테두리 : 1 픽셀 단색 검정; 디스플레이 : 인라인 블록; }