为什么不是';我的Div不是从html或body继承高度吗?

为什么不是';我的Div不是从html或body继承高度吗?,html,css,reactjs,Html,Css,Reactjs,我想设置登录包装div也占据登录页100%的屏幕。所有类似问题的答案都是将html/身高设置为100%。我已经将html和身高设置为100%,但它不起作用。我正在使用React并为每个组件导入一个CSS文件。这个问题是否有可能与此有关 DevTools检查器屏幕截图: 我知道我的问题可能被问了很多,但在我找到的任何相关问题中,我都找不到任何答案。如果我的问题因其他原因被否决了,是否有人能告诉我,这样我就可以更好地学习这是你的CSS本身的问题。在这种情况下,100%就是问题的高度 请尝试使用以下

我想设置登录包装div也占据登录页100%的屏幕。所有类似问题的答案都是将html/身高设置为100%。我已经将html和身高设置为100%,但它不起作用。我正在使用React并为每个组件导入一个CSS文件。这个问题是否有可能与此有关

DevTools检查器屏幕截图:


我知道我的问题可能被问了很多,但在我找到的任何相关问题中,我都找不到任何答案。如果我的问题因其他原因被否决了,是否有人能告诉我,这样我就可以更好地学习

这是你的CSS本身的问题。在这种情况下,100%就是问题的高度

请尝试使用以下CSS作为登录包装器div:

width:100%;
height:100vh;
display:block;

不,如果是React问题,它根本不会应用任何CSS。

寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码,最好是在一个文本中。看,谢谢,这很有效!vh和%之间有什么区别?为什么它使用100vh而不是100%?100%是元件的100%高度。例如,如果您有1400x300 div标签,并且您说高度:100%;高度为300px。100vh将填充视口中可见的整个高度。