gf8*_*807 5 css reactjs react-redux
我无法在我的 React 项目中删除这些巨大的白边。以下是我尝试过的一些解决方案。
* { margin: 0; padding: 0; }
/-/-/-/
body {
max-width: 2040px;
margin: 0 auto;
padding: 0 5%;
clear: both;
}
我已经尝试了每一种变化。我唯一安装的应该影响 CSS 明智的依赖项是引导程序，我认为不是这样。我尝试调整max-width到一个值2040px只是为了测试它是否可以工作，并且似乎有一个我可以设置宽度的限制。帮助将不胜感激。
我还应该提到，这在整个页面中都是持久的。此问题不仅限于我在css文件
White Margins 中链接的背景图像
所有浏览器使用不同的默认边距，这导致站点在其他浏览器中看起来不同。
的*是wildcard，手段all elements呈现在我们的网站（认为是普遍的选择），所以我们在我们的站点设置每一个元素都有零保证金，并且补零，以使网站看起来在每个浏览器中一样。
如果您的样式没有得到应用，那么您可以使用!important覆盖样式，
* {
margin: 0 !important;
padding: 0 !important;
}
如果您使用 create-react-app 创建它，可能会有一个文件public/index.html.
根目录周围有一个标签，React 将在其中注入您的 App。
通常浏览器样式表将边距设置<body>为8px。这很可能是您正在努力摆脱的应用程序周围的白边。
要删除它，一种选择是使用内联样式打开public/index.html并将边距设置为 0，如下所示：
<body style=margin:0>
如果您用于@emotion/react样式化，您也可以（仍然假设 中存在此 body 标记public/index.html）将其保留为<body>并使用该<Global>组件来定义 的样式<body>。你的类似这样的东西App.js：
function App() {
return (
<div>
<Global
styles={css`
body {
margin: 0;
}
`}
/>
<Your />
<Other />
<Components />
</div>
);
}
export default App;