当父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＆amp;下方。