我目前正在使用React,并且遇到问题,要求div等于页面高度的100%。最初,我有一个问题,总是有大约24px的身体上方的空白空间。无论如何,我都无法适应它。我最终用这个对我app.css(复位)为什么100vh不能填满整个页面?
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
它固定的问题,不过,100%或100vh测量不总的观点实际上等于100%。这里的页面截图:
蓝格是充满100vh一个div。然而,它并没有完全填满这个页面。我也尝试过100%。
蓝格:
.loginWrapper {
margin-left: 260px;
height: 100vh;
background-color: #29B6F6;
}
我注意到html对其有这样的造型,但即使除去没有变化是显着的:
html {
box-sizing: border-box;
}
如果有人能解释一下这个现象,我将非常感激。如果您需要任何额外信息,请告诉我。谢谢!
+1
我们需要您的全页面的HTML和CSS来发现问题。您提供的内容没有红旗。 –
+0
如果您给我们您的网站链接或任何Whare检查此问题或更新此Q与完整的代码。 –
+0
在支持'vh'的浏览器中,'100vh'总是***视口高度***的100%。 ['箱sizing'](http://www.w3schools.com/cssref/css3_pr_box-sizing。asp)在计算元素的大小('width'和'height')时设置应包含的内容。 –