CSS height 100%

원인

height: 100%는 부모 높이에 상대적. body 기본 높이가 없으면 자식 % 높이 무효.

해결

html, body {
  margin: 0;
  height: 100%;
  overflow: hidden;
}

.panel-container {
  height: 100%;
  display: flex;
  flex-direction: row;
  border: 1px solid silver;
  overflow: hidden;
}

참고

• 기본 display: inline 요소(span 등)는 width/height 무시 → display: inline-block