공간 및 resizement의 HTML 부분

Question

현재 Chrome 확장 프로그램을 개발 중입니다 (크로스 브라우저 솔루션이 필요 없음).

기본적으로 내 웹 페이지가 두 부분으로 분리되기를 원합니다. 너비의 20 %와 높이의 100 %를 차지하는 왼쪽 패널과 너비의 80 %와 높이의 100 %를 차지하는 오른쪽 패널. 이러한 패널에는 다양한 요소, textareas, list, select가 포함됩니다.

문제점은 이것을 달성하고 조정을 처리하는 방법을 모른다는 것입니다. 현재 jQuery를 window.onresize hook과 함께 사용하고 있습니다. 나는 창 크기에 따라 너비와 높이를 계속 변경했다.

예를 들어 CSS를 사용하면 더 간단하게 처리 할 수 ​​있는지 알고 싶습니다. 그리고 무엇을 사용해야합니까? div, 테이블 등 ...

감사합니다.

Answer 1

당신은 포함 상대 사업부 내부에 기존의 패널, 또는 요소 div의 & 지속 기간을 둘 수 있었다. 패널 div에 position : absolute를 사용하면 절대적으로 페이지 본문이 아닌 포함 div에 상대적인 위치가 입니다.

http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/

Answer 2

당신의 사업부에 CSS를 추가, 추가하십시오 min-height

및 max-height 속성

#mydiv{ 
min-height: 700px; 
}