javascript - 如何在 React 的嵌套组件场景中使页脚与中心对齐

Question

我目前有一个应该在的页脚，center但它似乎在我的 React 应用程序的左侧。

CSS 样式

.Footer{
  position: fixed;
  bottom: 0;
  text-align: center;
}

我试过了text-align: center，justify-content: center但这似乎不起作用。

我使用CodePen创建了一个工作示例。任何人都可以请查看并让我知道我做错了什么。

标签： javascripthtmlcssreactjsjsx

Answer 1

width: 100%;应该让你得到你正在寻找的行为。position: fixed将其置于 DOM 流程之外，因此块元素扩展以匹配其父级的默认行为并不明显，因为它不再具有父级。