Css 更改继承的高度

我得到了类似于：

.parent {
  height: 400px
}

.child {
  height: inherit;
}

我需要按像素更改继承的高度-> 像这样的

.child{
高度：继承-10px
}

因此，在我们的例子中，

child height

将是

390px

。 问题是继承的高度是一个对象

有什么方法可以做到这一点吗？

您可以通过以下方式实现：

.child{
高度：计算（100%-10px）；
}

您可以通过以下方式执行此操作：

.child{
高度：计算（100%-10px）；
}

虽然您可以使用calc，但早在calc出现之前，人们就已经开始这样做了：

.parent{
边框：1px纯红；
高度：100px；
宽度：100px；
位置：相对位置；
}
.孩子{
边框：1px纯蓝色；
位置：绝对位置；
底部：10px；
排名：0；
左：0；
右：0；
}

---

虽然您可以使用calc，但早在calc出现之前，人们就已经开始这样做了：

.parent{
边框：1px纯红；
高度：100px；
宽度：100px；
位置：相对位置；
}
.孩子{
边框：1px纯蓝色；
位置：绝对位置；
底部：10px；
排名：0；
左：0；
右：0；
}

请注意，它不是完全跨浏览器兼容的。@Crowes不支持哪些浏览器？@Crowes唯一不支持它的浏览器是IE 9和更低版本，还有人支持吗？MS不再支持它。在Netscape Navigator中完全是一个关键字。也不支持。只需注意它不完全跨浏览器兼容。@Crowes哪些浏览器不受支持？@Crowes唯一不支持它的浏览器是IE 9和更低版本，还有人支持吗？MS不再支持它。这里的关键字是完整的。Netscape Navigator中也不支持。谢谢您的回答。我不能使用calc，因为它在电话环境中有一些崩溃。老办法对我有用：）非常感谢你的回答。我不能使用calc，因为它在电话环境中有一些崩溃。老办法对我有用：）非常感谢