javascript - react 内部div高度100%

Question

大家好，我是 React 新手，并且卡在一个问题上

问题:- 当我将嵌套 div 的组件 UI div 高度设置为 100% 时，我的应用程序有很多像“root”、“组件”和组件 UI div 的 div，而不接触上部 div 的 css，也没有添加 100%所有上部 div 的高度而不是“body”的高度，我所异常(exception)的是我的组件 UI(嵌套)div 抓取全屏的高度

希望大家理解我的问题，请帮助我解决问题

在这张图片中_logincard没有捕获整个高度

Answer 1

这不是 React 问题，而是 CSS 问题!这就是它的工作原理!

当您说height:100%时，它是根据 parent 的高度计算的!如果 parent 没有特定的高度，浏览器无法确定 child 的高度百分比!

您可以使用的解决方案是 css3 vuewport 单元，vh

div{ height:100vh; }

这将使您的 div 占据屏幕 100% 的高度，而无需更改任何父属性!视口(viewport)单位相对于屏幕高度而变化，其中 100vh = 100% 屏幕高度!