백분율의 높이가 적용되지 않음

Question

내 경우 왜 높이 : x %이 적용되지 않는지 알고 싶습니다. div/섹션 비율은 항상 높이 : 0입니다. width 및 height 대신 min-width 및 min-height 사용

My code: http://codepen.io/anon/pen/aHhmD 

Answer 1

요소의 높이 비율이 적용되는 요소의 높이는 적용되어야합니다. 귀하의 section.geral에는 최소 높이 만 적용됩니다. 높이 올리기 :

html, body{ 
    padding:0; 
    margin:0; 
    height:100% 
} 

.geral{ 
    position: relative; 
    display: block;  
    min-width: 100%; 
    height: 100%; 
    background-color: #008000; 
} 

.um{ 
    position: relative; 
    display: block; 
    background-color: navy; 
    min-width: 100%; 
    min-height: 50%; 
} 

.dois{ 
    position: relative; 
    display: block; 
    background-color: orange; 
    min-width: 100%; 
    min-height: 50%; 
} 

Answer 2

또한 문제를 해결.