0

我有这样的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% 的高度,有

4

1 回答 1

0

一些浏览器会添加自己的填充。尝试全局重置填充,边距

* {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-11T14:43:54.560 回答