외부 div의 크기를 조정할 때 내부 div의 오버플로를 방지하려면 어떻게해야합니까?

Question

innerMain은 외부 div (main)의 크기를 조정할 때 자동으로 크기가 조정됩니다. div의 상단과 하단에 header 및 footer을 남기고 싶습니다. 둘 다 블록 요소 (display = block)이어야하며 main이 변경되면 innerMain의 크기 만 조정해야합니다. 현재 솔루션이 맨 아래에 오버플로를 일으키고 있습니다. 누군가 내 div를 내부 div에 모두 맞추어 오버플로를 피할 수 있습니까?

바깥 쪽 div를 그릴 때 inner div의 Dom 요소를 모르므로 jQuery UI Resizable의 크기 조정 옵션을 사용할 수 없습니다. (최종 Dom 구조는 사용할 수 없습니다). 모든 픽셀 크기를 계산하는 것도 나를위한 해결책은 아닙니다.

jsfiddle 링크 :

가

.main { position: relative; } 
.footer { position: absolute; bottom: 0; width: 100%; } 

그럼 대신 외부 래퍼의 내부 사업부에 jQuery를 적용 다음과 같이

Answer 1

http://jsfiddle.net/gHLgt/16/ 당신은 추가/수정하여 해결할 수 있습니다 여기에 몇 가지 문제가 있습니다

$(".innerMain").resizable(); 

바이올린 : http://jsfiddle.net/gHLgt/18/