height: 100%가 안 된다면, parent의 height를 확인해 봐야 한다.
위 코드에서, .first의 height = .wrapper의 height일 줄 알았다.
그래서 .second에 height: 100%를 주었지만 변동이 없었고, 그 이유는 아래와 같다.
If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'.
명시적으로 parent의 height을 설정하지 않으면, height: 100%이 아니라 auto로 적용된다.
CSS 코드 중 .wrapper에 해놓은 주석을 해제해 보면, .second의 height가 의도했던대로 변경됨을 확인할 수 있을 것이다.