阵营内的div高度100％

大家好我是反应新卡在一个问题上阵营内的div高度100％

问题： - 我的应用程序有很多的div像“根”，“组件”和组件UI DIV当我设置的我的组件的UI div div高度是嵌套div到100％，而不触及上部div的css也没有在所有上部div中添加100％高度而不是“body”我除了在这个组件中的UI（嵌套）div抓取高度全屏

希望球员你明白我的问题，请帮我发行

在这张照片_logincard不敛整他ight

来源

2017-07-19 Nishant Dixit

请提供一些代码。 – vijayst

@vijayst我更新了我的问题，其中有一张照片告诉我有关我的问题的所有信息 –

这不是一个React问题。这就是css的工作原理。如果父容器没有指定的高度，则不能使用％来计算子元素的尺寸。您将需要明确地将容器的高度设置为正文元素。

来源

2017-07-19 15:48:46

这不是反应的问题，而是一个CSS的！这是它的工作原理！

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

在解决方案，您可以使用CSS3是单位vuewport，vh

div{ height:100vh; }

这会使你的div来进行屏幕的100％的高度，而不会改变任何父属性！相对于屏幕高度，视口单位wirk，100vh =屏幕高度100％！

来源

2017-07-19 15:59:33 demonofthemist

好的但是如果我有一个div1，其高度是75vh，并且div1中还有另一个div2，而不是在div1> div2之后它可能就像这样div1 > div ..> div2我需要div2 grabe所有高度从div1 –

不可能与CSS，父母需要特定的高度或高度给予那个孩子div与所需的父母高度相同，即75vh！但是如果你改变了这个高度，你必须改变它们！（如果设计允许的话，你可以给儿童身高，即75vh，所有的包装div的大小将按照小孩的尺寸增长） – demonofthemist

//上部分 ._card { 宽度：65vh; 身高：75vh; 背景：橙色; position：absolute; left：17.5vh; top：12.5vh; } //嵌套div ._loginLeft { height：75vh; background-color：orange; } _loginLeft在卡内我不想要75vh在.loginleft它取决于upone上面的div高度你能建议我什么，而不是75vh在.loginleft –

阵营内的div高度100％

回答

相关问题