HTML宽度高度100％

我已经CSS这样HTML宽度高度100％

.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％的高度，有任何

来源

2012-11-11 Saeful Nugroho

某些浏览器添加自己的填充。尝试重置填充，利润率全球

* {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*/

来源

2012-11-11 14:43:54

我已经包括* {margin：0; padding：0;}在我的css中。但它仍然是一样的 –

HTML宽度高度100％

回答

相关问题