Kullanılabilir yüksekliği doldurmak için CSS Div'i edinin

Question

2 elemanlı bir div var.

<div id="master"> 
     <div id="follower"></div> 
     <div id="decider"></div> 
<div> 

'master' div aşağıdaki CSS özelliklerini

height:auto; 
width:auto; 
margin:0; 
padding:10px; 
display:block; 

'takipçisi' div aşağıdaki CSS özelliklerini

position:relative; 

vertical-align:middle; 
height: auto; 

display: inline-block; 

margin-top: 0px; 
margin-bottom:0px; 

'karar vericisi' div karar olmuştur ne kadar uzun boylu ' usta 'div. 'Follower' div'in 'master' div'unda olabildiğince dikey boşluk doldurması mümkün mü?

Ben height: 100% çalıştı ama bu sadece (dikey)

Answer 1

usta

position: relative; 

sahip olmalı ve daha sonra takipçisi olmalıdır tüm ekranı kaplar div 'takipçisi' yapılan

position: absolute; 
top: 0; 
bottom: 0; 

Bu, IE6 dışında (endişe verici miktarda insanın hala kullandığı, ancak bunları göz ardı edip tarayıcılarını güncellemelerini söyleyeceğim) dışında çalışmalıdır.