反应内部div高度100%

Nis*_*xit 2 javascript css reactjs

在此输入图像描述大家好,我是新人的反应并坚持一个问题

问题: - 我的应用程序有很多div,如"root","component"和组件UI div,当我设置我的组件UI div高度,嵌套div为100%而不触及上部div的css也没有添加100%高度我不喜欢上面的div而不是"body"我的组件UI(嵌套)div抓住全屏高度

希望你们了解我的问题,请帮助我解决问题

在这张图片_logincard没有抓住整个高度

dem*_*ist 13

这不是反应问题,而是css one!这是它的工作原理!

当你说它height:100%是用父母身高计算的!如果父级没有特定的高度浏览器无法确定孩子的身高百分比!

在解决方案上你可以使用的是css3 vuewport单元, vh

div{ height:100vh; }
Run Code Online (Sandbox Code Playgroud)

这将使你的div在不改变任何父属性的情况下占据100%的屏幕高度!视口单元相对于屏幕高度wirk,其中100vh = 100%屏幕高度!