브라우저에서 CSS 윈도우 크기 조정 높이

Question

나는 폭을 고정하고 가운데 맞춤 창을 만드는 방법입니다. 뷰포트 높이에 따라 높이가 20px이고 하단 오프셋이 20px 인 가변 높이가 있어야합니다.

JQuery/JS를 사용하고 싶지 않다. 보통 CSS로 작성해야한다. 여기

일부 코드 냈다 :

#viewport should be the the browsers height/width container 
#window should be the resized window (centered in middle, filling up all height except of top 20px and bottom 20px 

http://jsfiddle.net/ejRTU/87/

사람이 어떤 생각 방법이 문제를 해결 할 수있다?

Answer 1

위치 사용 : 절대 및 상단 및 하단 특성을 10px로 설정하십시오. 이 바이올린을보십시오 jsfiddle.net/ejRTU/88/