父 div 高度为 100% 时子 div 的高度答案

【问题标题】：height of child divs when parent div height is 100%父 div 高度为 100% 时子 div 的高度
【发布时间】：2011-12-28 16:59:15
【问题描述】：

我有一个包含两个子 div 的 div。

所有 div 的宽度相同，并且子 div 彼此重叠出现；包含div的高度为100%，第二个子div的高度固定为25px。

如果没有 javascript，如何使第一个子 div 的高度与容器 div 的高度（基于 100%）和第二个子 div（25px）之间的差异？

【问题讨论】：

对第一个孩子应用 100% 高度不起作用？
简单的回答：你不能。不能在 css 中混合 % 和 px ..
不可能。为什么没有 JavaScript？
@micha - 要求说“没有 javascript”。
ok 不可能可能太多了：jsfiddle.net/x8b2P

标签： html css

【解决方案1】：

据我了解，您的问题可能是您可以使用 display:table 属性。像这样：

.parent{
    display:table;
    height:300px;
    width:100%
}
.parent div{
    display:table-row;
    width:100%;

}
.child{
    background:green;
}
.child2{
    background:red;
    height:25px;
}

http://jsfiddle.net/WBh9W/4/

display:table 属性在 IE7 及以下版本中不起作用。

【讨论】：