Div, kullanılabilir tüm Dikey Alanı mı kapsıyor?

Question

Ben şöyle bir düzen yapmaya çalışıyorum:

Hem üst ve alt kısımları, ancak mevcut tüm dikey yukarı çekmek için ortada iki sol/sağ bölümleri tanımlanmış bir yüksekliğe istiyorum var alanı. Şimdiye kadar sahip olduğum şeyler.

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

Ben sadece bir vitrin olarak orta bölümlerini tam 500px yapılmış, ancak gördüğünüz gibi, ben de orta sağ bölümü ve sağ alt bölümüne berbat. İşte

Answer 1

böyle bir şey mi bahsediyoruz:

Fullscreen, söylemek unuttum

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

gitmek: http://jsfiddle.net/xTh5f/3/

Benim değişiklikleri:

html, 'height: 100%' verilir #middleright beden, #wrapper, #middle, #middleleft,

Sonraki # middleleft 'float: left' ve #middleright 'overflow verilir; gizli';

bakınız: http://www.stubbornella.org/content/2009/07/23/overflow-a-secret-benefit/