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