height 100%의 함정

스타일을 하다보면 이게 왜 이렇지? 하면서 생각하면서 고민하는 경우가 종종 있다.

이번에도 그런경우.....

이번엔 100%의 함정에 걸림.

보통 나는 border를 이용해서 문제를 찾곤하는데,

• 이번엔 부모안에 두개의 자식이 있는경우
• 한 자식에게 100%의 height를 주면서 나머지 자식놈이 바깥으로 노출되면서 발생한 문제였다.

해결법은 부모를 grid로 해서 rows의 범위를 1fr auto로 지정해줌으로써 해결했다. 원인을 알면 수정은 간단한데 원인을 찾기가 어려웠다.....에공...