使用 React 创建 Web 应用程序时如何消除所有不需要的空格？

Question

我正在使用 React 从头开始创建一个 Web 应用程序，但我遇到了页面左侧和顶部空白的问题：

如您所见，导航栏的宽度为

100vw

，但它没有填充屏幕左侧，而是创建了一个水平滚动条，它占据了整个 VW，但我不明白为什么它不只是填充屏幕左侧屏幕左侧。

我的

index.css

如下：

主体和“根”容器的边距和填充均为 0，但是，当使用 Chrome 开发工具检查时，您可以看到填充和边距仍然存在：

最后，这是我的导航栏组件以及应用程序和主要

.jsx

文件：

正如您所看到的，页面顶部也存在空白问题。

你知道我能做什么来解决这个问题吗？

Answer 1

你能把css文件发给我吗？ [电子邮件受保护]，错误与您设置的边距有关