为什么高度和最小高度会不同地影响子容器？

Question

在我的CSS中，我将父级的高度设置为75px，子级的高度设置为100％，并且它正确显示。但是，当我将父级的height属性更改为75px的最小高度时，子级缩小到它包含的文本的高度，但父级的高度保持为75px。为什么孩子不能保持75px？

#parent{
    height:75px;
    background-color:navy;
    clear:left;
    }
#child{
    width:300px;
    height:100%;
    background-color:aqua;
    float:left;
    }

在这里，孩子的体重是75px。

#parent{
    min-height:75px;
    background-color:navy;
    clear:left;
}
#child{
    width:300px;
    height:100%;
    background-color:aqua;
    float:left;
    }

现在孩子只有21px高。

Answer 1

我相信这是CSS中长期存在的错误（或者＃39;功能＆＃39;）。见https://stackoverflow.com/a/3808701/1608085

简而言之，您可以使用

min-height: inherit; 

在子项中正确继承父项的min-height属性。