获取CSS Div来填充可用高度
问题描述:
我有一个包含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占据整个屏幕(垂直)
答
主应该有
position: relative;
,然后跟随应有
position: absolute;
top: 0;
bottom: 0;
这应该工作,除了在IE6(这是一个惊人的人仍在使用,但我会忽略这些,并告诉他们更新浏览器)
是的,这是有效的。但是,(显然)导致'follower'中的内嵌块设置被忽略。 – jameszhao00 2010-02-19 15:45:41
@ jameszhao00,这是因为'position:absolute'元素被从文档流中取出,所以没有任何内容可以与*内联。 – 2010-02-19 16:32:47
这对表格单元格中的div不起作用 – 2011-09-28 23:36:20