改变继承的高度

Question

我有类似的东西:

.parent {
  height: 400px
}

.child {
  height: inherit;
}

我需要用像素来改变一个继承的高度 - >像这样的东西

.child {
  height: inherit - 10px
}

所以child height会390px在我们的例子.问题是继承的高度是一个对象.

有什么办法吗？

Answer 1

你可以这样做calc:

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