让CSS Div填充可用高度

Question

我有一个包含两个元素的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的高度。是否可能让“follower” div在“master” div中尽可能填充垂直空间？

我尝试过height: 100%，但这只是使“follower” div占据整个屏幕（垂直方向）。

- jameszhao00

Answer 1

主节点应该拥有

position: relative;

然后跟随者应该拥有

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

那应该可以运行，除了在IE6中（还有许多人在使用它，但我会忽略这些人并告诉他们更新浏览器）

- Pete

---

没错，这个可行。然而，它（显然）导致了“follower”中的内联块设置被忽略。 - jameszhao00

@jameszhao00，这是因为position: absolute元素已经脱离了文档流，所以它无法与其他元素内联。 - David Thomas

正如David所说，该元素已从文档流中移除，因此任何类型的网格系统都会破坏。 - Gabriel Smoljár