更改繼承了高度

Question

我有一樣的東西：

.parent { 
    height: 400px 
} 

.child { 
    height: inherit; 
} 

，我需要通過像素更改繼承高度 - > 像這樣

.child { 
    height: inherit - 10px 
} 

所以child height將390px我們案件。 問題是繼承高度是一個對象。

任何方式來做到這一點？

Answer 1

雖然可以使用計算的，人長的計算之前做這樣的事情：

.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); 
}