反应应用程序的背景颜色未正确应用答案

【问题标题】：Background color of the react application is not applied correclty反应应用程序的背景颜色未正确应用
【发布时间】：2021-01-13 02:48:39
【问题描述】：

我尝试为我的 react 应用添加背景颜色。背景颜色不应用于整个屏幕。这是App.js文件的代码

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

function App() {
  return (
    <body className="App">
      <div>
        <h1>Hello world</h1>
      </div>
    </body>
  );
}

export default App;

App.css文件的源代码在这里

.App {
  background-color: #efeff6;
  height: 100%;
  width: 100%;
  position: fixed;
}

这里的结果，您可以在左侧和右侧看到一些空白。

我能知道这是我犯的错误吗？

【问题讨论】：

标签： html css reactjs web-applications

【解决方案1】：

试试这个

html, body {
   margin:0;
   padding:0;
}

【讨论】：

【解决方案2】：

在文件 index.css 中更改此项。

body {
  margin: 0;
}

【讨论】：