html部分之间的CSS水平间距

Question

你好，我知道这个问题可能很基本，但是我似乎找不到解决方法，我试图摆脱页面上元素之间的白条/空白。这是我的代码和输出，谢谢。

[1]：https://i.stack.imgur.com/cv1Eu.png html   [2]：https://i.stack.imgur.com/A5R0W.png CSS   [3]：https://i.stack.imgur.com/3OAaw.png输出

Answer 1

您有正确的想法将margin: 0和padding: 0添加到各节和段落中以消除“空白”，但是我认为CSS中存在语法错误。

您似乎正在尝试使用以下CSS定位所有<p>节标记：

.Section1, .Section2, .Section3 p{
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

但是应如下所示：

.Section1 p, .Section2 p, .Section3 p{
  border: none;
  margin: 0;
  padding: 0;
  display: block;
}

如果进行此更改，差距将消失。