( CSS3 ) header 부분은 pixel로, 나머지부분은 % 로 .. 처리하는 방법

---

헤더부분에는 고정된 픽셀인 이미지가 들어가는 경우가 많이 있다.

헤더에는 픽셀로 고정값을 주고, 나머지 내용에는 헤더에 들어간 픽셀을 제외한 부분을 %로 주고싶다면 어떻게 해야할까?

CSS 3 로 아래와 같이 처리가 가능하다.

.header {

  height:180px;

}

.contents {

  height:calc(100% - 180px);

}

---