reactjs – React – 组件全屏(高度100％)

发布时间：2020-12-15 20:55:22 所属栏目：百科来源：网络整理

导读：我坚持要显示一个名为“home”的React组件，它占据屏幕高度的100％。无论我使用CSS还是React内联样式，它都不起作用。在下面的示例中，html，body和#app设置为CSS：100％的高度。对于.home，我使用了内联样式(但无论我使用CSS还是内联样式都是一样的)：该

我坚持要显示一个名为“home”的React组件，它占据屏幕高度的100％。
无论我使用CSS还是React内联样式，它都不起作用。

在下面的示例中，html，body和#app设置为CSS：100％的高度。对于.home，我使用了内联样式(但无论我使用CSS还是内联样式都是一样的)：

该问题似乎来自< div data-reactroot data-reactid ='1'>未设置高度：100％。

如果我使用Chrome开发者工具攻击它，它的工作原理是：

那么在React中显示全高度组件的正确方法是什么？

欢迎任何帮助:)

它让我烦恼好几天了。最后我使用CSS属性选择器来解决它。

[data-reactroot] 
        {height: 100% !important; }

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!