[css] div 태그 height 속성 100% 문제

100%, 60% 퍼센트 형식의 크기는 부모 크기를 넘어설 수 없다.
현재 자식의 태그 높이(height)가 300px이고 부모의 태그 높이가 600px라고 할 때
자식 태그에 height 값을 100%로 설정하면 부모 태그를 넘을 수 없어 최대 600px만 가능하다.

body 태그에서 div 태그를 하나 만든 뒤, height 속성 100%로 설정하여 브라우저 전체 크기에 맞추려고 했으나 실패했다.
그 이유는 부모 태그(html, body)의 크기가 작아서 자식(div)의 height 속성을 부모보다 크게 변경할 수 없던 것이다.
다음과 같이 부모 크기를 설정하면 div 태그도 height 속성 100% 설정이 가능해진다.

html, body {  
    height:100%;  
}