获取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中（令人震惊的人仍在使用，但我会忽略这些并告诉他们更新他们的浏览器）