Question

我想将<div id='root'>的我的直接子节点设置为height: 100%，但是我意识到反应正在添加一个额外的反应节点层，以阻止孩子的height: 100%工作。示例如下：

<html>
<body>
<div id="root"> <== root node is height:100%, still good here
  <div data-reactid=".0"> <== added by react? broke the child height
    <div data-reactid=".0.$/=10" style="height: 100%; background-color: gray;"> <== child can't get 100% height of #root because of the empty div wrapping it

我的JSX代码没有添加这个data-reactid='.0'包装div，所以我无法控制样式。所以这里的问题是，我如何控制这个包装div，或者如何使用其他方法实现height:100%？

谢谢！

Answer 1

包装div应该在你的代码中，如下所示：

nltk.trigrams

Answer 2

body{
 height:100%
}

#root div{
height:100%
}

在你的CSS中添加它，它适用于我。

Answer 3

#root > div {
  height:100%;
}

ReactJS组件高度＆＃39; 100％＆＃39;

3 个答案: