在反应下使用 flexbox 时高度未调整大小答案

【问题标题】：height not resized when using flexbox under reacts在反应下使用 flexbox 时高度未调整大小
【发布时间】：2019-04-22 12:18:43
【问题描述】：

我正在尝试在 react 应用程序中执行此操作： https://jsfiddle.net/u4gctqv2/1/

但是虽然它在示例链接中有效，但在反应应用程序中高度没有调整大小。

App 渲染返回：

return (
      <div className="row0">
        <div className="row1"><p>1</p></div>
        <div className="row2"><p>2</p></div>
        <div className="row3"><p>3</p></div>
      </div>
    );

示例的 CSS 代码链接在 App.css 中。实际上，应用了背景颜色。

有什么不同的方法可以让它在反应中起作用吗？

谢谢！！

【问题讨论】：

标签： reactjs flexbox

【解决方案1】：

有一个根元素，您的 React 应用程序位于其中。确保在您的 css 中将该元素的高度也设置为 100%。请记住以百分比形式使用高度，每个父元素也必须具有 100% 的高度。因此，请使用开发人员工具检查您的应用，并确保所有父元素的高度均为 100%。

【讨论】：