html - 当父 div 高度为 100% 时子 div 的高度

Question

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

所有的 div 都是相同的宽度，子 div 出现在彼此的顶部；包含div的高度为100%，第二个子div的高度固定为25px。

如果没有 javascript，如何使第一个子 div 的高度等于容器 div 的高度(基于 100%)与第二个子 div (25px) 的差值？

Answer 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 及以下版本中不起作用。