Html 如何在React组件中保持页脚和页眉内的内容？

我知道这可能会被问到很多问题，但不知为什么我找不到解决办法。我在React中的项目和我的顶级组件设置如下：

<Provider store={store}>
  <Router>
    <Header />
    <Switch>
      <All the routes />
    </Switch>
    <Footer />
  </Router>
</Provider>

内容包装器

minHeight:“100%”，

页脚

填充：“3em”

---

链接上的一个页面（显示页脚如何位于

vh

下方。页眉作为默认块元素保持在顶部，这很好）：

在这种情况下，您应该使用flexbox。您的代码处于react中，但我将尝试使用html和css，以便您能够理解必须应用的规则。看看这个例子：

.app{
显示器：flex；
弯曲方向：立柱；
最小高度：100vh；
}
.标题{
位置：粘性；
排名：0；
填充：15px 5px；
背景颜色：粉红色
}
.页脚{
填充：15px 5px；
背景颜色：粉红色；
页边顶部：自动；
}

你的头球
您将在此处创建路由，以根据需要渲染组件
你的页脚

Hi。谢谢你的回答。但我的应用程序就是这样对齐的。没有应用程序元素。只有外部元素是“根”和主体你的页眉你的页脚``当我将应用程序样式应用于根时，你的代码可以工作。谢谢你也为meGlad工作，它帮助了你。快乐编码！