容器溢出页面（React）答案

【问题标题】：Container overflows the page (React)容器溢出页面（React）
【发布时间】：2020-12-11 22:41:26
【问题描述】：

React 新手。随着容器变大，我希望使页面增长和可滚动。但是现在容器在顶部溢出，虽然我可以滚动查看底部。

https://codesandbox.io/s/misty-haze-4dnb7?file=/src/App.js

在此沙盒中，顶部的后退按钮会溢出页面。如果我再添加一个{test}，按钮就会消失。有没有办法解决这个问题？

【问题讨论】：

我加了很多{test}，后退按钮还在。
你的问题还不清楚。您能否解释更多以获得好的答案？

标签： reactjs bootstrap-4 containers jsx

【解决方案1】：

如果您试图要求修复顶部的“后退”按钮。你可以通过给你的行一个 className 来做到这一点

<Row className="pb-4 header">
            <Button className="mt-4 letter" variant="outline-light">
              {"< Back"}
            </Button>
          </Row>

并将其属性设置为

.header{
position:fixed;
}

【讨论】：

抱歉不够清楚。我的问题是，如果您向其中添加更多{test}，即使您滚动到顶部，也无法再看到该按钮。容器似乎不在页面中。我知道为什么会发生这种情况，即使我已经将溢出设置为自动。
朋友，您的浏览器有问题。它在我所有的设备上都能完美运行。我在里面添加了很多{test}
请在添加{test}后查看截图。我已经编辑了我的答案。检查屏幕截图
好吧，那是因为我的 App.css 以某种方式被删除了，所以问题一定出在我的 css 中……我删除了原始 css 中的 position: fixed 行，它可以正常工作。谢谢大佬
这就是我们在这里的目的。 ☺