2011-06-13 11 views
3

가능한 중복은 :크기 조정 된 div 측


JQuery/JQueryUI hortizontal divider

나는 옆에 두 개의 div의 측면을 넣어 그들을 모두 함께 크기를 조정하려면 어떻게합니까. Windows 탐색기와 같이 두 div 사이에 이동식 분할 자의 효과가 필요합니다.

+0

이러한 div가 페이지에 어떻게 배치되었는지 보여주기 위해 몇 가지 코드가 필요합니다. div의 크기를 사용자가 어떻게 예상합니까? 자바 스크립트를 통해, 브라우저에서 글꼴 크기를 변경하거나, 양식에 값을 입력하거나, 무엇을 할 것인가? – BryanH

+2

[this] (http://jquery.jcubic.pl/splitter.php)와 비슷한가요? –

+0

(나는 _whatever 중복 _의 페이지 제목과 내용이 수평에 대한 것이고 수직을 원하지만 어떤 경우에도 대답은 동일하게 나타납니다.) – sarnold

답변

0

div 중 하나는 다른 컨테이너의 컨테이너 여야합니다. 내부 div를 플로팅하고 내부 div의 너비와 일치하도록 외부 div에 여백을 설정합니다. 그러면 각 div의 콘텐츠가 가로로 필요한 위치에 표시됩니다. 그런 다음 안쪽 높이를 100 %로 설정하여 바깥 쪽 div의 세로 공간을 항상 채우고 필요할 경우 늘릴 수 있습니다.