HTML寬度高度100％

Question

我已經CSS這樣

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

和我有HTML這樣

<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> 

但是當我運行在網絡瀏覽器的代碼，該高度不適合100％ ，它顯示超過100％在CSS中，我設置家庭類：身高100％ 在HTML中，我做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*/