如何为我的 div 摆脱这个额外的空白？答案

【问题标题】：How to get rid of this extra white space for my div?如何为我的 div 摆脱这个额外的空白？
【发布时间】：2017-03-22 05:42:43
【问题描述】：

我使用create-react-app cli 创建了这个应用程序，但我无法摆脱主容器顶部、左侧和右侧的这些额外空白。看看下面的截图。我只有一个 div 用于此应用程序，并且我有以下用于 div 的 css。

.mainContainer{
	display: flex;
	flex-direction: column;
	background-color: black;
}

我尝试将边距和填充都设置为 0px，但它们都不起作用。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以右键单击页面，选择“检查”，您将能够看到此边距/填充的来源。将出现一个控制台，将鼠标移到 HTML 元素上以查看页面元素上的颜色覆盖。您将能够看到 CSS 在做什么并对其进行调整。

我认为你可以通过这样做.mainContainer { padding: 0, margin: 0 } 来摆脱它，但也许你只需要重置填充或边距，而不是两者。

【讨论】：