HTML 폭 높이 100 %

Question

나는이

.home{   
    height:100%; 
    width:100%; 
    font-size:20px;  
} 

같은 CSS하고 나는이

<div class="home"> 
     <div style="text-align:center;padding-top:10%;height:45%;">first text here 
     </div> 
     <div style="padding-top:2%;height:33%;background:#0099FF;text-align:center;">second text here   
     </div>  
     </div> 

처럼 HTML이하지만 난 웹 브라우저에서이 코드를 실행하면, 높이가 100 %에 적합하지 않습니다 그것은 CSS에서 100 % 이상 표시, 집에 클래스를 설정 : HTML 높이 100 % 를 걸 2 div.set 스타일 = 10 % + 45 % + 2 % + 33 % = 90 %

하지만 웹 브라우저에서 실행하면 100 % (내가 마우스를 아래로 스크롤 할 수 있습니다)

난 100 % 높이를 원하는이, 어떤

Answer 1

일부 브라우저는 자신의 패딩을 추가있다. 마진은 전 세계적으로

* {margin:0;padding:0;} 

또한 IE7에 대한 지원이 필요하지 않은 경우 패딩과 마진와 함께이 이러한을 추가 할 수 있습니다, 패딩을 재설정 해보십시오. 계산이 훨씬 쉬워집니다.

-webkit-box-sizing: border-box; /* <=iOS4, <= Android 2.3 */ 
-moz-box-sizing: border-box; /* Firefox 1+ */ 
     box-sizing: border-box; /* Chrome, IE8+, Opera, Safari 5.1*/