CSS를 100 % 높이

은 내가 몸 .level1, 레벨 2 모두에 3 개 가지 다른 이미지를 적용하려면이CSS를 100 % 높이

<body> 
    <div class="level1"> 
     <div class="level2"></div> 
    </div> 
</body>

같은 구조가 100 % 높이를 요구합니다. 신청 방법? 최소 높이 : 100 %는 본문 및 레벨 1에서만 작동하지만 레벨 2에서는 작동하지 않습니다.

어떻게 적용합니까?

2011-03-09 coure2011

html, body, div.level1, div.level2 
{ 
    height: 100%; 
}

doctype을 잊지 마세요!

2011-03-09 11:31:11

doctype을 1 위로 설정하십시오! – Tobias

참고 :이 요소의 높이를 뷰포트의 정확히 100 %로 설정합니다. 콘텐츠가 확장되면 오버플로가 발생합니다. – fabsn

@fabsn : 사실, '최소 높이'가 더 좋을 수도 있지만, 종종 문제가 있습니다. : P 어쨌든 너비/높이를 뷰포트 높이의 100 %로 설정하고 내용을 늘릴 수있게하는 것은 항상 문제입니다. : P –

답변