3 비율이 다른 화면 비율을 가진 Divs

Question

div가 처음인데 화면의 60 %를 차지하는 기본 div로 스크롤하지 않는 웹 페이지를 만들 필요가 있으며 그 아래 div 30 % 및 각 div 사이에 제로 패딩을 사용하여 10 %를 차지하는 바닥 글. 스크롤 할 수 없으며 브라우저 창으로 크기를 조정해야합니다. 아무도이 짓을 한거야? 나는이 일을 시도하고 두 번째 div 결코 절대로 자신을 위치 않습니다.

감사합니다.

Answer 1

This should work

HTML

<div></div> 
<div></div> 
<div></div> 

CSS

html,body{ 
    height:100%; 
    width:100%; 
    padding:0; 
    margin:0; 
    overflow:hidden; 
} 
div:nth-child(1){ 
    height:60%; 
    background:red; 
} 
div:nth-child(2){ 
    height:30%; 
    background:yellow; 
} 
div:nth-child(3){ 
    height:10%; 
    background:blue; 
}