我现在使用React,面临着div要求等于页面高度的100%的问题。 一开始,我有问题。 总是有大约24px身体上的可用空间。 不管怎样,我适应不了那个。 我最终用这个给我app.css (重置)为什么不能用100vh填满整个页面?
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
垂直对齐:基线;
后台:传输;
}
虽然是固定的问题,但从100%或100vh的测量不综合的观点来看,实际上与100%相同。 此页面的屏幕截图:
热情的鞋子充满了100vh一个div。 但是,这一页没有完全填满。 我也100%试过。
热情的鞋子:
. loginWrapper {
玛格琳- left : 260 px;
height: 100vh;
背景色: # 29b6f 6;
}
虽然注意到html有这样的形状,但是去除后不会发生变化。
html {
盒尺寸: border-box;
}
如果有人能解释这个现象的话,我会非常感谢。 需要追加信息的话请告诉我。 谢谢你!
1
要发现问题,需要整个页面的HTML和CSS。 您提供的内容没有红旗。
0
如果您提供了站点链接或Whare,请检查此问题或更新q和完整代码。
0
在支持“vh”的浏览器中,“100vh”始终是****视口高度***的100%。 [ '箱sizing ' ] (http://www.w3schools.com/CSS ref/css3 _ pr _ box-sizing )。 asp )元素的大小(“宽度”(width )和“高度”(height ) ) )时包含的内容。