CSS高度:100%vsheight:继承

我已经看到了问及和之间区别height: 100%;height: auto;的问题,但是height: 100%;和之间的区别是height: inherit;什么？

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

height: 100% 无论父级的高度值如何,都将匹配元素父级的高度.

height: inherit顾名思义,它将继承其父级的价值.如果父级的值是height: 50%,则子级也将是其父级的高度的50%.如果父代的大小是绝对值(如定义height: 50px),然后height: inherit和height: 100%将会对孩子相同的行为.