0

私の CSS では、親の高さを 75px に設定し、子の高さを 100% に設定すると、正しく表示されます。ただし、代わりに親の高さ属性を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 です。

4

1 に答える 1

2

これは CSS の長年にわたるバグ (または「機能」) であると思います。https://stackoverflow.com/a/3808701/1608085を参照してください

つまり、使用できます

min-height: inherit;

子で、親から min-height プロパティを正しく継承します。

于 2012-08-17T23:47:05.260 に答える