小编vis*_*hli的帖子

我注意到我的反应应用程序有一个不需要的水平滚动。我发现如果我注释掉该<About/>组件，滚动就会消失。不确定为什么要添加它。overflow-x: hidden如果我添加它就会消失App.css，但这似乎不是正确的解决方案。

另外，我认为<About/>=蓝色组件出现在红色部分上。我无法理解为什么会发生这种情况。

感谢任何帮助。

这些是文件和屏幕截图：

应用程序.js

import React from "react";
import "./App.css";
import "bootstrap/dist/css/bootstrap.min.css";
import Landing from "./Components/Landing";
import About from "./Components/About";
function App() {
  return (
    <div className="App">
      <Landing />
      <About />
    </div>
  );
}
export default App;

应用程序.css

.App {
  height: 100vh;
  width: 100vw;
  max-width: 900px;
  padding: 1rem;
  background-color: lightpink;
}

登陆.js

import React from "react";
import "./Landing.css";

function Landing() {
  return (
    <div …