codeigniter - 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%，它在 css 中显示超过 100%，我设置 home 类：在 html 中高度 100%，我制作 2 div.set style = 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*/