为什么我的 Div 没有从 html 或 body 继承高度？

Question

我想将landing-wrapper div 设置为100% 的着陆页屏幕。类似问题的所有答案都说将 html/body 高度设置为 100%。我已经将 html 和 body 高度设置为 100%，但它不起作用。我正在使用 React 并为每个组件导入一个 CSS 文件。这个问题有没有可能与此有关？

DevTools 检查器截图：

我知道我的问题可能被问了很多，但我在找到的任何相关问题中都找不到任何答案。如果我做错了什么让我的问题被否决，有人可以告诉我，这样我就可以学会变得更好

Answer 1

问题在于你的 CSS 本身。在这种情况下，100% 只是 .

尝试使用以下 CSS 来登陆包装器 div：

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

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