html未能填充满整个页面,为什么100vh不能填满整个页面？

我目前正在使用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')时设置应包含的内容。 –