가변길이 테이블과 고정 길이의 header로 height 100% 맞추기

 

1. body와 저 header, title, content 태그를 감싸는 container의 height는 100

2. header는 height:50px; 

   title은 height:59px; 일 때,

   content의 height: calc(100% - 109px);

 

content 내부의 패딩으로 인해 109px가 늘어날 순 있다.

 

다른 방법도 있겠지만 고정 길이가 껴있을 때 해결 방법을 찾아보다가 이렇게 해결함

 

flex? 이용하는 것도 공부해보기