为什么我的Div不能从html或body继承高度？

Question

我想将着陆包装器div设置为也占据着陆页屏幕的100％。所有类似问题的答案都说将html / body高度设置为100％。我已经将html和body高度设置为100％，但是它不起作用。我正在使用React并为每个组件导入一个CSS文件。该问题是否可能与此有关？

DevTools检查器屏幕截图：

我知道我的问题可能被问了很多，但是我在找到的任何相关问题中都找不到任何答案。如果还有其他事情我做错了，我的问题被否决了，有人可以让我知道，以便我可以学习变得更好吗？

Answer 1

问题在于您的CSS本身。在这种情况下，100％只是CSS的高度。

尝试以下CSS来实现着陆包装div：

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

不，如果这是一个React问题，那么它根本不会应用任何CSS。