자식 컴포넌트의 height 속성은 inherit VS 100%?

inherit

height: inherit은 부모로부터 값을 상속 받는다. 예를 들어 부모 height 값이 50%이면, 자식도 50%이라는 값을 상속 받게 되어 전체에 대한 50%가 아닌 부모로부터의 50%이라는 값을 가지게 된다. 부모와 동일한 height를 가지지 않는다.

100%

height: 100%는 부모 컴포넌트 height 값과 관계없이 부모와 같은 값을 갖는다.

결론

100%를 쓰면 부모와 동일한 높이를 가질 수 있다.

References

CSS height: 100% vs height: inherit

I’ve seen the question asking the difference between height: 100%; and height: auto;, but what’s the difference between height: 100%; and height: inherit;? I basically want this element’s height t…

https://stackoverflow.com/questions/28352873/css-height-100-vs-height-inherit