2010-02-19 59 views
12

我有一个包含2个元素的div。获取CSS Div来填充可用高度

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

'主人' div有以下CSS属性

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

的 '跟随' div有以下CSS属性

position:relative; 

vertical-align:middle; 
height: auto; 

display: inline-block; 

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

的 '决胜局' 格决定有多高的'主'div是。 '追随者'div是否可能尽可能在'主'div中填充尽可能多的垂直空间?

我想height: 100%但刚才的“追随者” DIV占据整个屏幕(垂直)

回答

27

主应该有

position: relative; 

,然后跟随应有

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

这应该工作,除了在IE6(这是一个惊人的人仍在使用,但我会忽略这些,并告诉他们更新浏览器)

+0

是的,这是有效的。但是,(显然)导致'follower'中的内嵌块设置被忽略。 – jameszhao00 2010-02-19 15:45:41

+2

@ jameszhao00,这是因为'position:absolute'元素被从文档流中取出,所以没有任何内容可以与*内联。 – 2010-02-19 16:32:47

+4

这对表格单元格中的div不起作用 – 2011-09-28 23:36:20