Подтвердить что ты не робот

Получить CSS Div для заполнения доступной высоты

У меня есть div с 2 элементами.

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

'master' div имеет следующие свойства CSS

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

"Follower" имеет следующие свойства CSS

position:relative;

vertical-align:middle;
height: auto;

display: inline-block;

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

"решающий" div определяет, насколько высок "мастер". Возможно ли, чтобы "последователь" div заполнил как можно больше вертикального пространства в "master" div?

Я попробовал height: 100%, но это просто заставило div 'follower' отобразить весь экран (по вертикали)

4b9b3361

Ответ 1

Мастер должен иметь

position: relative;

а затем последователь должен иметь

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

Это должно работать, за исключением IE6 (который вызывает тревожное количество людей, но я просто проигнорирую их и скажу им обновить их браузер)