変更は、私のようなものだ高さ

Question

を継承：

.parent { 
    height: 400px 
} 

.child { 
    height: inherit; 
} 

を、私はピクセルによって継承された高さを変更する必要がある - この

.child { 
    height: inherit - 10px 
} 

のような> 何かをそうchild heightが私たちの中に390pxになります場合。 継承されたheightがオブジェクトであるという問題があります。

これを行う方法はありますか？

Answer 1

あなたがCALCを使用することもできますが、人々は長いカルク前にこのようなことをやっていた。

.parent { 
 
    border: 1px solid red; 
 
    height: 100px; 
 
    width: 100px; 
 
    position: relative; 
 
} 
 

 
.child { 
 
    border: 1px solid blue; 
 
    position: absolute; 
 
    bottom: 10px; 
 
    top: 0; 
 
    left: 0; 
 
    right: 0; 
 
}

<div class="parent"> 
 
    <div class="child"></div> 
 
</div>

Answer 2

あなたはcalcでこれを行うことができます。

.child { 
    height: calc(100% - 10px); 
}