CSS高度：100％vs height：继承

Question

我看到了问the difference between height: 100%; and height: auto;的问题，但height: 100%;和height: inherit;之间有什么区别？

我基本上希望这个元素的高度填充/匹配它的容器。是否有理由使用100%而不是inherit，反之亦然？

Answer 1

height: 100%将匹配元素父级的高度，无论父级的高度值如何。

顾名思义，

height: inherit将继承其父母的价值。如果父亲的值为height: 50%，那么孩子也将是其父亲身高的50％。如果父母的大小是以绝对值定义的（例如height: 50px），那么height: inherit和height: 100%将对孩子有相同的行为。

Answer 2

height：inherit： inherit关键字指定属性应从其父元素继承其值。

height：100％：定义包含块的高度百分比

例如，look here