获取CSS Div以填充可用高度

Question

我有一个2元素的div.

<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'div具有以下CSS属性

position:relative;

vertical-align:middle;
height: auto;

display: inline-block;

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

'decider'div决定'master'div的高度."跟随者"div是否有可能尽可能多地填充"主"div中的垂直空间？

我试过height: 100%但是只是让'追随者'div占据了整个屏幕(垂直)

Answer 1

主人应该有

position: relative;

然后跟随者应该有

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

这应该有效,除了IE6(令人震惊的人仍在使用,但我会忽略这些并告诉他们更新他们的浏览器)