Div가 모든 사용 가능한 수직 공간을 차지하게 만드시겠습니까?

Question

나는 다음과 같다 레이아웃을 할 노력하고있어 :

모두 상단과 하단 부분은, 그러나 나는 가능한 모든 수직을 차지하기 위해 중간에 두 개의 왼쪽/오른쪽 부분을 정의 된 높이를 원하는 한 공간. 여기 내가 지금까지 얻은 것이있다.

http://jsfiddle.net/xTh5f/2/

난 그냥 쇼케이스 중간 부분을 정확히 500 픽셀을 만들었지 만, 당신이 볼 수 있듯이, 나는 또한 중간 오른쪽 부분과 오른쪽 아래 부분을 엉망. 여기

Answer 1

당신이 이런 식으로 뭔가에 대해 얘기하는 :

Fullscreen, 내가 말을 잊었

html, body { 
    height: 100%; 
    width: 100%; 
    padding: 0; 
    margin: 0;; 
    color: white; 
} 
#wrapper { 
    display: table; 
    width: 100%; 
    height: 100%; 
} 
#wrapper > div { 
    display: table-row; 
} 
#wrapper > div > div { 
    display: table-cell; 
} 
#top, 
#bottom { 
    height: 50px; 
} 
#wrapper > div > #topleft, 
#wrapper > div > #middleleft, 
#wrapper > div > #bottomleft { 
    width: 300px; 
} 
#wrapper > div > #middleleft { 
    background: #23A9E0; 
} 
#wrapper > div > #middleright { 
    background: #39E023; 
} 
#wrapper > div > #topright, 
#wrapper > div > #bottomright { 
    background: #208D11; 
} 
#wrapper > div > #topleft, 
#wrapper > div > #bottomleft { 
    background: #092A7C; 
} 

http://jsfiddle.net/xTh5f/4/

Answer 2

당신은 갈 : http://jsfiddle.net/xTh5f/3/

내 변경 :

HTML, '높이 : 100 %'주어 #middleright 몸, #wrapper, #middle, #middleleft,

다음, # middleleft는 'float : left', #middleright 'overflow; 숨겨진';

참조하십시오 http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/