hr标记导致两个部分之间的边距

Question

我正在建立一个个人网站，并且我希望用hr标签分割部分。但是，当我使用标签时，我不断得到这种奇怪的间距。

（黄色是一个部分，紫色是另一个，绿色是页面背景的颜色）

我试图通过改变边距，填充等来修复它，但似乎没有任何效果，任何想法？

hr {
padding: 0px;
height: 1px;
border: none;
}

Answer 1

您应该可以通过将边距设置为0来获得：

hr {
  margin: 0;
}

https://jsfiddle.net/5m5wad4r/

如果这不起作用，也许这些部分本身有边距，而不是hr？